在 ionic2/angular2 中为 <img> 设置 base64 格式的 [src] 不起作用答案

【问题标题】：setting [src] in base64 format for <img> in ionic2/angular2 not working在 ionic2/angular2 中为 <img> 设置 base64 格式的 [src] 不起作用
【发布时间】：2018-04-10 15:50:39
【问题描述】：

我正在尝试使用 base64 图像动态设置图像 src，但它不适用于 ionic2/angular 2 的 android 模拟器。我从 ionic2 的 externalroot 目录中以 base64 格式检索了图像。请在下面找到代码 sn-p：

这里，imageSrc 在 .ts 文件中设置为 base64 格式。如果我将 base64 字符串直接设置为 .html 文件，那么它可以工作。 Base64字符串直接使用方式如下：

但是，我想动态设置 base64 格式的图像以进行相机捕捉。请让我知道如何在运行时设置 src

谢谢，

【问题讨论】：

您忘记添加代码 :-)
我正在尝试使用 base64 图像动态设置图像 src，但它在 ionic2/angular 2 中不适用于 android 模拟器。我从 ionic2 的 externalroot 目录中以 base64 格式检索了图像。请在下面的代码 sn-p 中找到：
这里，imageSrc 在 .ts 文件中设置为 base64 格式。如果我将 base64 字符串直接设置为 .html 文件，那么它可以工作。 Base64 字符串直接使用如下方式：
但是，我想设置图像以 base64 格式动态用于相机捕捉。谢谢，

标签： cordova ionic-framework ionic2 base64 ionic-native

【解决方案1】：

你需要使用这样的标签

<img src="data:image/*;base64,{{imageUrl}}" />

希望这对你有用

【讨论】：

我已将 imageUrl 作为从文件路径编码 jpg 图像后收到的 base64 数据。但它不起作用。我可以直接给出 /storage/emulator/0/....等格式的 src 路径吗？请告诉我在ionic2中为img动态设置src的方法。
我认为问题出在标签上。您可以为此使用标签吗？