In my current scenario im just displaying images from rest api. But it dumpingerror 403. Here is my JSfiddle. Have a look on it , I have tried
<img src="" and also ng-src='' too but still not fetching images from URLs. it is giving these errors: http://prntscr.com/h1kjt3
Positive response will be highly appreciated.
Cloudflare hosted website have an option to Hotlink Protection option. When enabled other websites cannot load these images. Here is a good article explaining.
If it is your website, you can disable Hotlink Protection. If not you cannot use them.
by using this directive it works:
app.directive('ngSrc', function() {
return {
link: function(scope, element, attrs) {
element.bind('error', function() {
if (attrs.src != attrs.ngSrc) {
window.location.href=attrs.ngSrc;
}
});
}
}
})