dart - Chrome 应用程序中的 "Refused to load the image"

标签 dart google-chrome-app content-security-policy

我在 dart 中遇到这个问题

Refused to load the image 'https://**.png' because it violates the following Content Security Policy directive: "img-src 'self' data: chrome-extension-resource:".

当尝试在图像元素中设置 src 时

ImageButtonInputElement button = new ImageButtonInputElement();
button.className="button_element";
button.src=el["imageUrl"]; //like "https://**.png"

这个manifest.json

"content_security_policy":"img-src https://server.example.org"

有人知道可以帮帮我吗?

谢谢

抱歉我的英语不好

编辑

我也有同样的问题

<iframe id="iframe" src="https://server.example.org/example.html"></iframe>

Refused to frame https://server.example.org/example.html because it violates the following Content Security Policy directive: "frame-src 'self' data: chrome-extension-resource:".

最佳答案

这是我最终采用的解决方案:

var imgRequest = new HttpRequest();
imgRequest.open('GET', url);
imgRequest.responseType = 'blob';
imgRequest.onReadyStateChange.listen((var request){
  if (imgRequest.readyState == HttpRequest.DONE &&
      imgRequest.status == 200) {
      FileReader reader = new FileReader();
      reader.onLoad.listen((fe) { 
        button.src = reader.result;
      });
      reader.readAsDataUrl(imgRequest.response); 
    }  

});

imgRequest.send();

关于dart - Chrome 应用程序中的 "Refused to load the image",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30544033/

相关文章:

google-chrome - Chrome Web App webview 高度问题

node.js - ExpressJS Helm cps 字体问题

flutter - 如何知道是什么触发了我的 Flutter 小部件重建

android-studio - 在Android Studio中,如何更改Flutter的命名约定?

flutter - 水平滑动标签栏

javascript - 是否可以使用 node.js 模块编写 Chrome 应用程序?

google-chrome-extension - 是否可以使用 Chrome App Indentity Api 获取 Id token ?

jquery - Google Dart 表单工作示例

javascript - 没有内联脚本,仍然得到 "Refused due to Content Security Policy directive: "script-src 'self' "

javascript - Chrome网络应用程序: Cannot execute function in game loop