4

拡張機能からローカル イメージを読み込みたい。画像をロードするために次のコードを書きます。しかし、画像を読み込めません。

$('.aAU').append('<div id="DivScroll"><img id="imgSlider" width="25px" src=chrome.extension.getURL("images/slider.png") /></div>');

ファイルもその場所に存在します。

開発者ツールを使用すると、次のように img タグが表示されます

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">

次のような静的パスを使用すると、画像が表示されます

<img id="imgSlider" src="chrome-extension://ccpdgakpdgiklccnpnihmidbjnacgkch/images/slider.png">

chrome.extension.getURL()HTML タグでメソッドを使用するためのソリューションを提供します。

4

2 に答える 2

9

ここに示すように、リソースがマニフェスト ファイルに登録されていますか

{
  ...
"web_accessible_resources": [
    "images/my-awesome-image1.png",
    "images/my-amazing-icon1.png",
    "style/double-rainbow.css",
    "script/double-rainbow.js"
  ],
  ...
}

これらのリソースは、メソッドchrome-extension://[PACKAGE ID]/[PATH]で生成できるURL を介してウェブページで利用できます。chrome.extension.getURL

ではなく、Java Script を使用して src を次のコードに設定しようとしましたか?

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">

于 2013-02-12T11:56:54.677 に答える