動的に更新される画像のブラウザー画像キャッシュを防ぐにはどうすればよいですか?

動的表示のための画像キャッシュの克服

リクエストごとに異なる画像を提供するライブ画像リンクにアクセスすると、ユーザーが更新の問題に遭遇する可能性があります更新された画像がすぐに表示されない場合。これは、パフォーマンスを向上させるために画像をローカルに保存するブラウザーのキャッシュが原因で発生します。これを解決するには、「キャッシュブレーカー」技術を使用して、ブラウザーにキャッシュされた画像を強制的に無視させることができます。

提供されたコード スニペットでは、URL が「http://localhost/image.jpg」の画像が使用されています。 " は定期的に更新されているため、次の変更によりキャッシュの問題が解決されます:

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

URL の末尾にキャッシュブレーカーを追加することで、ブラウザが騙されます。画像を新しいリソースとして認識します。キャッシュブレーカーの値は現在のタイムスタンプを使用して生成され、各リクエストの一意性が保証されます。このメカニズムにより、ブラウザは、キャッシュされたバージョンをバイパスして、サーバーから直接画像を取得するように強制されます。

その結果、ページ上の画像は、ライブ リンクから取得した更新されたバージョンで更新されます。この技術はブラウザのキャッシュを効果的に克服し、ページをリロードすることなく画像を動的に表示できるようにします。

以上が動的に更新される画像のブラウザー画像キャッシュを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。