使用Angular加载base64图像时出错

Question

在我的Angular应用程序中，我正在加载一些我从服务器下载的图像作为base64。 我可以毫无问题地看到应用程序中的图像，但我在控制台中有这样的错误：

这是我的代码：

<img src="{{user.avatar}}">

这是输出：

<img src="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkwy0AgiVGdIQtN6rzCewfv0KPPggzRPSVGDZfCx9K ... a4rJcMX07V9C//Z">

有人能理解这个吗？

Answer 1

请按照以下stackoverflow回答： Loading image src using a variable containing base64 data in AngularJS

我认为你会通过上述链接找到解决方案。

你需要使用“src”如下：

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