javascript - 在图像扩展名中获取 “unsafe:”

Question

我有一张图片:

<img data-ng-src="C:/var/vci/images/fleetImages/{{img.imageName}}" data-ng-type="{{img.imageType}}"/>

在 html 上我得到的结果是:

unsafe:c:/var/vci/images/fleetImages/IMG_20150912_091552.jpg

我已经在app.js中添加了

.config(['$compileProvider', function ($compileProvider) {
     $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data):/);
}]);

但我仍然遇到同样的问题。帮我解决这个问题。

Answer 1

您需要将 file: 协议(protocol)列入白名单。

.config(['$compileProvider', function ($compileProvider) {
  $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data|file):/);
}]);

您还应该考虑使用相对路径而不是绝对本地文件系统路径。

请参阅 Angular changes urls to "unsafe:" in extension page和 unsafe link in angular了解更多信息。