キャッシュブレーカーを使用した動的イメージの更新

ロードのたびに新しいイメージを提供する動的イメージ ソースにアクセスする場合、強制的に更新することが重要です

新しい画像をバックグラウンドでロードし、Web ページ上の既存の画像を置き換えようとすると、問題が発生します。ページ。新しい画像が読み込まれているにもかかわらず、ページが更新されるまで表示されない場合があります。

これを解決するには、画像 URL の末尾にキャッシュブレーカーを追加できます:

newImage.src = "http://localhost/image.jpg?"   new Date().getTime();

このアプローチでは、現在のタイムスタンプを URL に追加し、キャッシュからではなくソースから直接画像を取得するようにブラウザに指示します。その結果、ブラウザは常に最新バージョンの画像を取得し、更新された画像がページに表示されるようにします。