javascript - 图片扩展名中出现“不安全:”

我有一张图片：

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

在html上，我将其获取为：


  不安全：c：/var/vci/images/fleetImages/IMG_20150912_091552.jpg


我已经添加了app.js

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

但我仍然遇到同样的问题。
帮助我解决此问题。

最佳答案

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

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

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

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