Fatal编程技术网
  • javascript/
  • Javascript chrome应用程序中未检索到远程图像

Javascript chrome应用程序中未检索到远程图像

javascript

Javascript chrome应用程序中未检索到远程图像,javascript,google-chrome-app,Javascript,Google Chrome App,我有一个Chromeapp，它用输入加载HTML文件。我可以将路径放入输入到jpg，提交表单时，检索图像并将其加载到画布元素中 我还可以在网上的某个地方指定一个指向jpg的URL，图像也将被检索和加载 这是可行的，但当打包为Chrome应用程序时，远程图像不会加载，扩展页面中也不会出现错误。有什么想法吗？本地映像只加载不工作的远程映像 { "manifest_version": 2, "name": "Image renderer", "version": "1.0.7", "m

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

我还可以在网上的某个地方指定一个指向
jpg
的URL，图像也将被检索和加载

这是可行的，但当打包为
Chrome应用程序时，远程图像不会加载，扩展页面中也不会出现错误。有什么想法吗？本地映像只加载不工作的远程映像


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



这是Chrome应用程序的一个众所周知的限制，解决方案也有详细的文档记录。例如，以下是谷歌文档页面上的问题和解决方案：



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