【问题标题】:How can I link to a local image for a Google Chrome Extension?如何链接到 Google Chrome 扩展程序的本地图像?
【发布时间】:2012-04-12 18:05:29
【问题描述】:

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

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

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

更新

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

【问题讨论】:

    标签: html css image google-chrome-extension local-storage


    【解决方案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”。我该如何实施? &lt;a href="URL"&gt;&lt;img src="URL" /&gt;&lt;/a&gt;
    • 现在我还看到您将“URL”放在href 部分,而不是实际的 URL。我用什么代替URL
    • 哦。您可以将 href 留空。对于img,它是一样的。只需将href 更改为src
    猜你喜欢
    • 2011-12-17
    • 2011-04-03
    • 2012-05-06
    • 1970-01-01
    • 1970-01-01
    • 2021-03-12
    • 2015-08-16
    • 2022-11-01
    • 2011-03-09
    相关资源
    最近更新 更多