Html 如何链接到本地图像以获得Google Chrome扩展?

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

我想在我的Google Chrome扩展中的页面上显示图像,但我想将图像存储在Chrome扩展中名为“images”的文件夹中。如何链接到此图像?我使用什么URL

我需要它到这里(代替“URL”)。我如何实现它

<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"
}