在chrome-app中未检索到远程图像

Question

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

我还可以在网络上的某处指定jpg的网址，也会检索并加载图片。

这会产生罚款但是当打包为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应用限制，这些解决方案也有详细记录。例如，这是Google的文档页面上的问题和解决方案：

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

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