Ionic / AngularJS base64图像将不会显示

2023年4月7日 233次阅读

我试图在Ionic应用程序中简单地显示base64图像.

如果我这样做,图像将不会显示：

HTML：

 <img ng-src="data:image/jpeg;base64,{{myImage}}"/>

控制器：

$scope.myImage= "/9j/4AAQSkZJ ...";

但是如果我只是将编码的字符串直接放在图像元素中,则会显示图像：

 <img ng-src="data:image/jpeg;base64,/9j/4AAQSkZJ ..."/>

我检查了每个不安全的安全设置,看了几十个其他的SO帖子等等.如果我把这个小例子放在CodePen中,它可以双向工作.

$scope.myImage变量会阻止它绑定到图像元素会发生什么？这是离子的吗？有角度的问题？

最佳答案 像这样使用data-ng-src指令< img data-ng-src =“{{data.image_url}}”>.

在你的控制器中设置base64字符串,如下所示：
$scope.data.image_url =< your base64 image source>

希望这可以帮助！

点赞