画像の変更時に画像を読み込むと画像が更新されない

Question

私は外部プログラムで画像を編集するときにJavaScriptを使用してウェブサーバー上で更新しないでいくつかの問題を抱えています。

私はこれはそれがdoesnのが画像が

をフォルダから.pngをH2 +のテキストと画像をロードし

$('div.drawer h2').each(function(index) 
{ 
    $(this).css("background-image", "url(./images/" + $(this).text() + ".png)") 
}); 

H2タグの背景として画像をロードするには、このコードを使用していますキャッシュにイメージを再ロードしないでください。ソースイメージを編集すると、Webページ上で変更されません。

イメージをCSS（背景イメージ変数）にロードすると、ロードされて正常に更新されます。

この現象はどのように修正できますか？それは期待されていますか？

Answer 1

画像がおそらくWebブラウザにキャッシュされている可能性があります.ctrl + F5を押してリロードしてみてください。

または、ブラウザのキャッシュ全体を削除して削除して、これが問題かどうか確認することもできます。

イメージをjavascriptで動的に読み込む場合は、イメージ名の後ろに？randomnumberを追加できます。

http://yourserver/imageName.jpg?1234のように、URLは各リクエストごとに一意であるため、ブラウザのキャッシュには当てられません。