在AngularJS中使用包含base64数据的变量加载图像src

发布时间：2020-12-17 08:22:05 所属栏目：安全来源：网络整理

导读：使用AngularJS中包含base64数据的变量加载图像我试图找到从包含base64编码图像数据的变量加载图像源的正确方法(例如使用toDataURL()从canvas绘制)。起初我刚刚尝试过这样： img src="{{image.dataURL}}" / 其中图像是具有包含base64数据的变量dataURL的作

使用AngularJS中包含base64数据的变量加载图像

我试图找到从包含base64编码图像数据的变量加载图像源的正确方法(例如使用toDataURL()从canvas绘制)。

起初我刚刚尝试过这样：

<img src="{{image.dataURL}}" />

其中图像是具有包含base64数据的变量dataURL的作用域变量。这实际上是很好的工作，唯一的问题是我的控制台中有404错误。这样的事情

GET 07000 404 (Not Found)

不太漂亮当我尝试这样一个更有角度的解决方案时：

<img data-ng-src="image.dataURL" />

图像根本没有加载。
我做了一个小提琴，你可以找到HERE

任何建议如何摆脱这个错误在我的控制台？

编辑：

Gruff Bunny是对的这个< img data-ng-src =“{{image.dataURL}}”/>工作中…

工作解决方案可以在HERE找到

ng-src的内容需要插值：尝试：

<img data-ng-src="{{image.dataURL}}"/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!