我想从扩展加载一个本地映像。我编写以下代码来加载图像。但它无法加载图像。
$('.aAU').append('<div id="DivScroll"><img id="imgSlider" width="25px" src=chrome.extension.getURL("images/slider.png") /></div>');
该文件也存在于该位置。
当我使用开发者工具时,它显示img标签如下
<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">
如果我使用如下静态路径,那么它会显示图像
<img id="imgSlider" src="chrome-extension://ccpdgakpdgiklccnpnihmidbjnacgkch/images/slider.png">
提供在HTML标记中使用chrome.extension.getURL()
方法的任何解决方案。
您的资源是否在清单文件中注册,如所示
{
...
"web_accessible_resources": [
"images/my-awesome-image1.png",
"images/my-amazing-icon1.png",
"style/double-rainbow.css",
"script/double-rainbow.js"
],
...
}
然后,这些资源将通过URL chrome-extension://[PACKAGE ID]/[PATH]
在网页中可用,该URL可以用chrome.extension.getURL
方法生成。
您是否尝试通过Java Script而不是将src设置为以下代码
<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">
'<img id="imgSlider" width="25px" src='+chrome.extension.getURL("images/slider.png")+' />'
试试这个,它应该可以完成