如何链接到 Google Chrome 扩展程序的本地图像？

Question

我想在我的 Google Chrome 扩展程序中的页面上显示图像，但我想将图像存储在我的 chrome 扩展程序中名为“images”的文件夹中。如何链接到此图像？我使用什么网址？

我需要它到这里（代替“URL”）。我该如何实施？

<a href="URL"><img src="URL" /></a>

更新

回答没有用；仍然需要帮助。

Answer 1

var url = chrome.extension.getURL('/folder/file.png');

https://code.google.com/chrome/extensions/extension.html#method-getURL

更新：添加了工作示例。

在index.html：

<img id='someid' src="">

<script>
  var img = document.getElementById('someid');
  img.src = chrome.extension.getURL('/images/google.png');
</script>

在manifest.json：

{
  "name": "My Extension",
  "version": "1"
}

打开会chrome-extension://xyz/index.html按预期显示图像。