ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザに動的画像を強制的に更新して更新情報を表示するにはどうすればよいですか?
キャッシュブレーカーを使用した動的イメージの更新
ロードのたびに新しいイメージを提供する動的イメージ ソースにアクセスする場合、強制的に更新することが重要です更新された画像を Web ページに表示します。
新しい画像をバックグラウンドで読み込むときに問題が発生します。ページ上の既存のものを置き換えようとしています。新しい画像が読み込まれているにもかかわらず、ページが更新されるまで表示されない場合があります。
これを解決するには、画像 URL の末尾にキャッシュブレーカーを追加できます:
newImage.src = "http://localhost/image.jpg?" + new Date().getTime();
Thisこのアプローチでは、現在のタイムスタンプを URL に追加し、キャッシュからではなくソースから直接画像を取得するようにブラウザーに指示します。その結果、ブラウザは常に最新バージョンの画像を取得し、更新された画像がページに表示されるようにします。
以上がブラウザに動的画像を強制的に更新して更新情報を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。