Html 如何链接到本地图像以获得Google Chrome扩展?
我想在我的Google Chrome扩展中的页面上显示图像,但我想将图像存储在Chrome扩展中名为“images”的文件夹中。如何链接到此图像?我使用什么URL 我需要它到这里(代替“URL”)。我如何实现它Html 如何链接到本地图像以获得Google Chrome扩展?,html,css,image,google-chrome-extension,local-storage,Html,Css,Image,Google Chrome Extension,Local Storage,我想在我的Google Chrome扩展中的页面上显示图像,但我想将图像存储在Chrome扩展中名为“images”的文件夹中。如何链接到此图像?我使用什么URL 我需要它到这里(代替“URL”)。我如何实现它 <a href="URL"><img src="URL" /></a> 更新 答案不起作用;仍然需要帮助。var url=chrome.extension.getURL('/folder/file.png') 更新:添加了工作示例 在inde
<a href="URL"><img src="URL" /></a>
更新
答案不起作用;仍然需要帮助。
var url=chrome.extension.getURL('/folder/file.png')代码>
更新:添加了工作示例
在index.html
中:
<img id='someid' src="">
<script>
var img = document.getElementById('someid');
img.src = chrome.extension.getURL('/images/google.png');
</script>
打开chrome-extension://xyz/index.html
按预期显示图像。好的,但如果需要动态图像,该怎么办?我可以有一个完整的url链接到该文件吗?我需要它去在“url”的地方。我如何实现它
现在我还看到您将“URL”放在href
部分,而不是实际的URL。我应该用什么来代替URL
?哦。您可以将href留空。对于img
,它是相同的。只需将href
更改为src
{
"name": "My Extension",
"version": "1"
}