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

  • Z时代
  • 2024-01-10
  • 分类：问答

回答：

我试图找到一种正确的方法，从包含base64编码图像数据的变量（例如，使用来从画布中拉出toDataURL();）中加载图像源。

起初，我只是这样尝试：

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

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

GET

http://www.example.com/%7B%7Bimage.dataURL%7D%7D

404（未找到）

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

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

图像根本没有加载。我做了一个小提琴，你可以找到[ **HERE**](http://jsfiddle.net/wilt/4LJDB/3/)

有什么建议如何摆脱我的控制台中的错误？

回答：

Gruff Bunny是对的。这<img data-ng-src="{{image.dataURL}}" />正在工作…

可以找到有效的解决方案 [**HERE**](http://jsfiddle.net/wilt/4LJDB/5/)

回答：

ng-src的内容需要插值：尝试以下操作：

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

以上是 使用包含AngularJS中base64数据的变量加载图像src 的全部内容， 来源链接： utcz.com/qa/411598.html

回到顶部