角度5中的图像绑定等效于Silverlight C＃中的BitmapImage绑定

Question

我正在尝试将项目从Silverlight迁移到Angular5。我需要在UI上显示图像。我正在使用与Silverlight相同的服务（在C＃中），它会返回一个byte []以及一堆数据作为类对象。如何将其转换为位图图像或其他内容，以及如何将其绑定到html中的<img class="immg-up img-ht-sp-2" src="data:image/png;base64," onerror="this.src='./images/image df.png'" />。我正在使用打字稿，还需要知道c＃中byte []的等效类型。

Answer 1

如果要为图像使用数据URI，则需要从C＃服务返回Base64文本，或者在Angular代码中将其转换为Base64。

假设此操作已完成并存储在名为imageData的属性中，则应执行以下操作：

<img class="immg-up img-ht-sp-2" src="data:image/png;base64,{{imageData}}" onerror="this.src='./images/image df.png'" />