javascript - Remote image not being retrieved in chrome-app -

javascript - Remote image not being retrieved in chrome-app -

i have chromeapp loads html file input. can set path input jpg, when form submited image retrieved , loaded canvas element.

i can specify url jpg somewhere on net , image retrieved , loaded too.

this works fines when packaged chrome-app, remote image doesn't load , theres no errors in extensions page. ideas? local images load fine remote images not working.

{ "manifest_version": 2, "name": "image renderer", "version": "1.0.7", "minimum_chrome_version": "23", "icons": { "128": "icon_128.png" }, "app": { "background": { "scripts": ["main.js"] } } }

this well-known restriction of chrome apps, , solutions well-documented well. example, here's problem , solution on google's doc page:

https://developer.chrome.com/apps/app_external#external

basically, download image bits xmlhttprequest, bits blob, form blob info url, , utilize url in img element.

javascript google-chrome-app