Share on Facebook

画像ファイルのアップロードを行い、その際、プレビューも表示させるようなページを制作中、画像を変更してもプレビュー画像が更新されない問題に直面。。

悩み、試行錯誤すること１日、ようやくその解決方法を発見しました。
忘れないようにここに記録しておきます。

この問題は img タグ内 src に記述するファイル名が 変わらない(データそのものは更新されるのだが・・・)ため、ブラウザがキャッシュした画像ファイルを表示してしまうためであるようです。
どうすれば、キャッシュされた画像でないものが表示できるのか…..
答えは、srcパラメータの書き方にありました。

<img src=”pict.jpg?****“>

ここの ?***** が問題解決の鍵でした。
ただ、****はユニークでないと、他の問題が発生しそうだったので、そうです。。タイムスタンプ情報を利用して現在のUnix時を設定するようにしました。

わかってしまえば、簡単なことなんだけど、実際にプレビュー画像が表示されたときには思わず万歳しました。HTMLタグの勉強ももっと頑張らないとけないなぁ・・・。

Related posts:

  1. XamppでSSLを使用可能に… Check引き続き…お仕事関係の為のメモ。。SSLを使うお仕事をローカルで確認するため、XamppでOpenSSLを使うように設定 Xamppインストール後、デフォルトではSSLは無効に設定されているため 1 [...]...

関連記事はYARPP関連記事プラグインによって表示されています。