图像未在chrome扩展程序中加载

用户名

我创建了一个名为“ example”的文件夹,其中放置了所有图像,js和css文件以及html文件

它看起来像下面 在此处输入图片说明

我正在使用下面的代码在manifiedt.json中加载名为abcd.png的图像

       "web_accessible_resources": [
            "abcd.png"  
       ],

还有另一个代码在SelectedTextnotification.js中

divGLXBubbleQuery = document.createElement('div');
divGLXBubbleQuery.id = 'GLXBubbleQuery';
divGLXBubbleQuery.innerHTML = "<img id='klematis lilac' border='0' src='abcd.png' width='150' height='113'>";

但是图像无法加载 在此处输入图片说明

任何人都可以帮助我做错什么吗

加尔帕克

您需要使用chrome.extension.getURL,以“将扩展安装目录中的相对路径转换为完全限定的URL”

假设SelectedTextnotification.js是一个内容脚本,则应这样更改自己的角色:

var imgURL = chrome.extension.getURL("abcd.png");
divGLXBubbleQuery.innerHTML = "<img ... src='" + imgURL + "' ...>";

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章