在图像的扩展中获得“不安全：”

Question

我有一张图片：

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

在html上我得到它：

  

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

我在app.js中添加了

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.lucrebem\.com\.br [NC,OR]
RewriteCond %{HTTP_HOST} ^216\.245\.194\.194
RewriteRule ^ http://lucrebem.com.br%{REQUEST_URI} [R=301,L]

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

Answer 1

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

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

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

请看 Angular changes urls to "unsafe:" in extension page和unsafe link in angular了解详情。