コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript 画像

[JavaScript] 画像をキャッシュさせない方法

投稿日:

HTMLで画像を表示するにはimgタグを使用しますが、一度使用した画像はブラウザにキャッシュされるため意図しない画像が表示されてしまう場合があります。

こうした場合に画像のキャッシュを使用しない方法です。

解説

キャッシュを使用させないためには、ファイル名に何らかのパラメータを付加します。

ブラウザは以前に読み込んだファイルと同じファイル名だとキャッシュを優先します。

しかし、ファイル名が同じでもパラメータが異なるとキャッシュを使用せず再度読み込みに行こうとするため、新たなパラメータを設定するとキャッシュを使用させなくすることができます。

補足

  • パラメータはjsファイル名の後ろに、?<パラメータ名>=<値>の形式で指定します。
    例)hoge.jpg?var=123
  • 付加するパラメータは、何でも構いません。
  • 一度使用した(キャッシュ済み)パラメータとは異なるパラメータを指定してください。

スポンサーリンク

スポンサーリンク

-JavaScript, 画像

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 配列の先頭の要素を取り出す(.shift)

配列の先頭の要素を取り出すには、.shift()を使用します。 サンプルソース 例)配列から先頭の要素を取り出してコンソ ...

[JavaScript] 文字列の指定位置に文字を挿入・削除する

文字列の指定位置に文字を挿入・削除するサンプルFunctionです。 文字列の指定位置に文字を挿入する 例)文字を挿入す ...

[JavaScript] イベント処理を中断する(.preventDefault)

イベント処理を中断するには、.preventDefault()を使用します。 サンプルソース 例)テキストボックスでbキ ...

[JavaScript] 即時関数を使用する

即時関数は、関数の定義と実行を同時に行う関数です。 構文 即時関数の構文です。 即時関数は通常の関数と同様に、引数を受け ...

[JavaScript] 指定位置までページをスクロールする(.scrollTo)

JavaScriptで指定位置までページを移動させるには、window.scrollToを使用します。 サンプルソース ...

スポンサーリンク