如何链接到 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

显示预期图像。

Answer 2

对于

manifest_version >= 3

，您必须使用

chrome.runtime.getURL('/images/google.png')

顺便说一句，您必须将此文件添加到您的

web_accessible_resources

中。

示例：

"web_accessible_resources": [
        {
            "resources": [
                "images/google.png"
            ],
            "extension_ids": [
                "*"
            ],
            "matches": [
                "*://*.somesite.com/*"
            ]
        }
    ]