无法在chrome-app中检索远程图像

Question

我有一个Chromeapp ，它使用input加载HTML文件。 我可以在jpg的input放入路径，提交表单后，将检索图像并将其加载到canvas元素中。

我还可以为网络上某个位置的jpg指定一个URL，图像也将被检索和加载。

可以正常工作，但是当打包为Chrome-app ，不会加载远程图像，并且扩展程序页面中没有错误。 有任何想法吗？ 本地映像只能加载无法使用的远程映像。

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

Answer 1

这是对Chrome Apps的一个众所周知的限制，并且解决方案也有据可查。 例如，这是Google文档页面上的问题和解决方案：

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

基本上，您使用XMLHttpRequest下载图像位，将这些位作为blob获取，将该blob形成为数据URL，然后在img元素中使用该URL。