HTMLで画像がリフレッシュされない場合の対策

こんにちは、『imgのsrc先の画像を差し替えたのにブラウザで閲覧すると画像が更新されない』というエラー対策について説明します。

ブラウザでは、参照先ファイル名の場合画像が更新されていないものとして、内部に画像をキャッシュします。
(どのブラウザでも)

これを回避するには『参照先画像ファイル名をリフレッシュするたびに変える』 必要があります。
画像をアップロードする度に画像名を変更するのは効率が悪いです。
そのためリクエストパラメータを利用する方法が効率的です。
(GETとPOSTをうまく利用します。)

< img src="sample.sample.jpg?****>

この***はアクセスする毎に変わる値ならなんでも可能ですが、一般的にはタイムスタンプが利用されます。
※注意として、毎回画像をリロードするので重いページになってしまうので注意が必要ですね。
※他にもjavascriptでリフレッシュする方法もあります。

by Saito

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中