JavaScript

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

投稿日:2017年12月24日 更新日:

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

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

解説

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

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

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

補足

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 日付オブジェクト(Date型)を生成する

日付オブジェクトを生成するサンプルです。 日付オブジェクトを生成する 例)Date型を生成するサンプルいろいろ [cra ...

[JavaScript] 半角カタカナチェックを行う

半角カタカナチェックを行うサンプルFunctionです。 サンプル 例)値が半角カナのみの場合はtrueを返す(空文字O ...

[JavaScript] チェックボックスのチェック状態を取得する

チェックボックスのチェック状態を取得するサンプルです。 サンプルソース 例)ボタンを押すとチェックボックスの状態をアラー ...

[JavaScript] Javaアプレットが使用できるかどうか調べる

Javaアプレットが使用できるかどうか調べるサンプルです。 サンプルソース 例)javaアプレットが使用できるかどうか判 ...

[JavaScript] 右クリックメニューを実装する

独自の右クリックメニューを実装するサンプルです。 サンプルソース 例)独自の右クリックメニューサンプル [crayon- ...

スポンサーリンク