angularjs – 动态加载Data-URI方案图像的Angular方法是什么?

前端之家收集整理的这篇文章主要介绍了angularjs – 动态加载Data-URI方案图像的Angular方法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的服务器返回一个base64编码的图像,我想在某个事件foo上将它发送到客户端.我目前拥有它的方式是这样的:

的index.html

...
<img src="{{data}}"></img>
...

controller.js

...
$scope.foo = function (result) {
     $scope.data = result;
}
....

当foo发生时,结果是base64编码的图像,并且img元素开始渲染,如预期的那样.问题是,当页面最初加载时,对{{data}}的请求将触发以获取图像和404.如何避免在页面最初呈现时触发此恶意请求?如果不是我这样做的话,这样做的正确方法是什么?

解决方法

要阻止浏览器尝试获取文字网址/ {{data}},请在图片代码中使用 ng-src指令而不是src.

猜你在找的Angularjs相关文章