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

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

导读：我的服务器返回一个base64编码的图像,我想在某个事件foo上将它发送到客户端.我目前拥有它的方式是这样的：的index.html ...img src="{{data}}"/img... controller.js ...$scope.foo = function (result) { $scope.data = result;}.... 当foo发生时,结果是ba

我的服务器返回一个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.

（编辑：李大同）

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