Chrome扩展:如何获取扩展ID加载本地图片？
Chrome扩展:如何获取扩展ID加载本地图片？
提问于 2018-06-03 04:01:43
我已经创建了一个扩展，它在我参与的一个游戏论坛的主体上注入/附加一个小菜单。它会附加一个'menu.html‘和一个'menu.js’我创建的文件。
在菜单中，我有每个游戏的小卡片，每张卡片都有固定大小的游戏图标。
图标我的问题：如何从‘/img/’扩展文件夹加载本地游戏图标？
我可以使用以下URL从互联网上加载游戏图标：
<a id="imgBattlefield" href="#" target="_blank">
<img src="http://files.softicons.com/download/game-icons/battlefield-3-game-icons-by-exhumed/png/128x128/Battlefield%203_4.png"></img>
</a>然后我尝试使用如下所示的图标路径，但它试图从网站而不是从扩展中加载图像：
<a id="imgBattlefield" href="#" target="_blank">
<img src="/img/icons/battlefield.png"></img>
</a>我尝试在SRC路径上直接使用__ MSG_@@extension_id__调用，但我非常确定它不是这样工作的：
<a id="imgBattlefield" href="#" target="_blank">
<img src="chrome-extension://__MSG_@@extension_id__/img/icons/battlefield.png"></img>
</a>在'menu.js‘文件中，我也尝试过用下面的javascript替换SRC，但也没有成功：
var imgBattlefield = chrome.extension.getURL("img/icons/battlefield.png");
document.getElementById('imgBattlefield').src = imgBattlefield;备注：
清单文件已设置为使用图像：
"web_accessible_resources": ["menu.html", "*.jpg", "*.png", "/img/loader.gif"],我希望获得扩展ID，而不是必须设置一个固定ID并对其进行硬编码。
我错过了什么？
回答 1
Stack Overflow用户
发布于 2018-06-03 05:36:27
让它起作用了！由于某些原因，javascript行document.getElementById('imgBattlefield').src = imgBattlefield;无法工作。一旦我切换到jquery中的等价物，$('#imgBattlefield').attr("src", imgBattlefield);路径就被正确地替换了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50660697
复制相关文章
相似问题