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

Posted 2023-03-05

【中文标题】如何链接到 Google Chrome 扩展程序的本地图像？

【英文标题】：How can I link to a local image for a Google Chrome Extension?

【发布时间】：2012-04-12 18:05:29

【问题描述】：

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

我需要把它放到这里（代替“URL”）。如何实现？

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

更新

答案无效；仍然需要帮助。

【参考方案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 会按预期显示图像。

【讨论】：

好的，但是如果我需要它是动态的呢？我可以有文件的完整 url 链接吗？

我需要它来代替“URL”。我该如何实施？ <a href="URL"><img src="URL" /></a>

现在我还看到您将“URL”放在href 部分，而不是实际的 URL。我用什么代替URL？

哦。您可以将 href 留空。对于img，它是一样的。只需将href 更改为src。

让我们continue this discussion in chat