ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザに動的画像を強制的に更新して更新情報を表示するにはどうすればよいですか?

ブラウザに動的画像を強制的に更新して更新情報を表示するにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-12-27 22:20:18953ブラウズ

How Can I Force a Browser to Refresh a Dynamic Image to Display Updates?

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

ロードのたびに新しいイメージを提供する動的イメージ ソースにアクセスする場合、強制的に更新することが重要です更新された画像を Web ページに表示します。

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

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

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

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

以上がブラウザに動的画像を強制的に更新して更新情報を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。