Question

我想从扩展程序加载本地图像。我编写以下代码来加载图像。但它无法加载图像。

$('.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()方法的任何解决方案。

Answer 1

您的资源是否在清单文件中注册，如此处所示

{
  ...
"web_accessible_resources": [
    "images/my-awesome-image1.png",
    "images/my-amazing-icon1.png",
    "style/double-rainbow.css",
    "script/double-rainbow.js"
  ],
  ...
}

然后，可以通过网址chrome-extension://[PACKAGE ID]/[PATH]在网页中提供这些资源，该网址可以使用chrome.extension.getURL方法生成。

您是否尝试通过Java Script而不是

将src设置为以下代码

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">

Answer 2

    '<img id="imgSlider" width="25px" src='+chrome.extension.getURL("images/slider.png")+' />'

试试这个应该做的伎俩

如何在HTML标记中使用chrome.extension.geturl（）方法？

2 个答案: