Getting “unsafe:” in extension on images

Question

I have an image :

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

On html I am getting it as:

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

I have added in app.js

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

but still I am getting same issue. Help me fix this issue.

But why would you reference images directly from the disk like that, you probably have a webserver for that ? — adeneo, Feb 02 '16 at 19:01
http://stackoverflow.com/questions/25448580/angularjs-adds-unsafe-tag-to-image — Drone, Feb 02 '16 at 19:08

score 0 · Answer 1 · edited May 23 '17 at 11:59

0

You'll need to whitelist the file: protocol.

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

You should also consider using a relative path instead of a absolute local filesystem path.

edited May 23 '17 at 11:59

Community

answered Feb 02 '16 at 19:16

twernt

still getting same issue – Er KK Chopra Feb 02 '16 at 19:28
Can you update your question to include the code you currently have, or set up a fiddle (https://jsfiddle.net)? – twernt Feb 02 '16 at 19:32

1 Answers1