SAPUI5 Avatar - 显示图像（从后端流式传输）不起作用答案

【问题标题】：SAPUI5 Avatar - Display of an image (streamed from backend) doesn't workSAPUI5 Avatar - 显示图像（从后端流式传输）不起作用
【发布时间】：2019-10-12 18:47:38
【问题描述】：

在ObjectPageLayout 中，我想展示一张嵌入了sap.f.Avatar 的图片（形状为圆形）。图片在 SAP 后端保存为 rawstring，并通过 oData（媒体）流式传输。当我通过 setSrc 方法为它工作的图像设置 URI 时，对于 Avatar 不起作用？那么如何将后端流式图片绑定到头像控件呢？

作品：

Image.setSrc(**/sap/opu/odata/sap/Z_SERVICE_SRV/ImageSet('1234')/$value).

不起作用：

Avatar.setSrc(**/sap/opu/odata/sap/Z_SERVICE_SRV/ImageSet('1234')/$value).

同样的问题已经出现在discussed here，但没有解决方案。

头像示例：

【问题讨论】：

标签： image stream sapui5 avatar

【解决方案1】：

Лидия Копылова 的回答对我有用：

这个错误的原因是因为如果你使用 Avatar 控制它使用由于单一而失败的 CSS 属性背景图像在这个属性的开头和里面的字符串中加引号。

background-image('.... ImageSet(' 1234')...');

我不得不将我的单引号更改为%27，并且 Avatar 控件开始工作。因此，您更改的代码将是：

Avatar.setSrc(**/sap/opu/odata/sap/Z_SERVICE_SRV/ImageSet(%271234%27)/$value).

另外值得注意的是，我目前使用的是 SAPui5 版本 1.52.34，但是在使用 1.60.1 时，Avatar 控件可以在没有将单引号更改为 %27 的情况下工作。因此，如果您能够升级 ui5 版本，这可能也是一个可行的选择。

【讨论】：

【解决方案2】：

这个错误的原因是因为如果你使用 Avatar 控件，它使用一个 css 属性 background-image 失败，因为这个属性的开头和里面的字符串中有单引号。

background-image(**'**.... ImageSet(**'** 1234')...');

【讨论】：