I am creating a chrome packaged app and it doesn't allow external images. Only way is to make ajax and convert it to data-uri. They even have a library for it. https://github.com/GoogleChrome/apps-resource-loader
But how do i use/do it in angular js. How do i create a directive to do this. Anyway to convert image to data-url in angular js is welcome.
Chrome implemented the following policy value:
default-src 'self';
connect-src * data: blob: filesystem:;
style-src 'self' data: chrome-extension-resource: 'unsafe-inline';
img-src 'self' data: chrome-extension-resource:;
frame-src 'self' data: chrome-extension-resource:;
font-src 'self' data: chrome-extension-resource:;
media-src * data: blob: filesystem:;