獲得「不安全」的擴展上的圖像

Question

我有一個形象：

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

在HTML我得到它：

不安全：C：在/ var/VCI /圖片/ fleetImages /IMG_20150912_091552.jpg

我在app.js添加

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

但我仍然得到同樣的問題。 幫我解決這個問題。

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獲取更多信息。