Angularjs changes image src to “unsafe:” in node webkit application

Question

I am working on a AngularJS NodeWebkit application and adding image src as following

<div ng-repeat="product in product.productList" >
<img class="product-image" ng-src="images/product-{{product.id}}.png" alt="image" with='50' height='50'  />
</div>

It is coming good in web browser but when it is coming in node webkit application the src is appending with 'unsafe'. eg:-

<img class="product-image" ng-src="/images/product-24586.png" src="unsafe:app//myapp/images/product-24586.png" alt="image" with='50' height='50'  />

I have tried the bellow fix, but no luck

var myModule = angular.module('myApp', [...], function($compileProvider) {
    ...
    $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|file|chrome-extension):|data:image\//);
    $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|chrome-extension):/);
});

you are using relative url. you expression in config contains and all while..try $compileProvider.imgSrcSanitizationWhitelist('/^\s/img\//'); — Pankaj Parkar
– Pankaj Parkar, Commented Feb 19, 2015 at 12:09

m5khan · Accepted Answer · 2015-02-19 14:21:24Z

2

Node-webkit provides app protocol. which according to documentation is treated as local file protocol. So you have to whitelist your app protocol.

var myModule = angular.module('myApp', [...], function($compileProvider) { $compileProvider.imgSrcSanitizationWhitelist('app://'); });

edited Feb 19, 2015 at 14:21

answered Feb 19, 2015 at 14:14

m5khan

2,7271 gold badge31 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs changes image src to “unsafe:” in node webkit application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related