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

前端之家收集整理的这篇文章主要介绍了在AngularJS中使用包含base64数据的变量加载图像src前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用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}}"/>
原文链接:https://www.f2er.com/angularjs/144891.html

猜你在找的Angularjs相关文章