[解決済み] 一部の画像のキャッシュを無効にする
2022-08-18 06:32:06
質問
PHPのライブラリを使って画像を生成しています。
時々、ブラウザが新しく生成されたファイルを読み込まないことがあります。
自分で動的に作成した画像だけキャッシュを無効にするにはどうしたらよいでしょうか。
注意:作成された画像には、長期間にわたって同じ名前を使用する必要があります。
どのように解決するのですか?
この問題に対する一般的でシンプルな解決策は、ハックのように感じますが、かなり移植性があります。動的な画像に対するそれぞれのリクエストに、ランダムに生成されるクエリ文字列を追加することです。
つまり、たとえば
<img src="image.png" />
となる。
<img src="image.png?dummy=8484744" />
または
<img src="image.png?dummy=371662" />
ウェブサーバから見ると同じファイルにアクセスしますが、ブラウザから見るとキャッシュは実行されません。
乱数生成は、ページを提供するときにサーバー上で行われるか(ページ自体がキャッシュされていないことを確認すればよい...)、またはクライアント上で行われます(JavaScriptを使用する)。
Webサーバーがこのトリックに対処できるかどうかを確認する必要があります。
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] Flash CS4が手放せなくなる
-
[解決済み] AndroidのListViewで画像を遅延ロードする方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
iframeフレームワークの使用
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] 横型リストアイテム
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] Flexbox:水平方向と垂直方向の中央揃え
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] ウェブブラウザに画像をキャッシュさせない方法