キャッシュよさらば！変更した画像ファイルを読み込ませる方法

画像を変更してアップしたのに、ブラウザで見たら変更されてなかったってことはありませんか？
もちろんスーパーリロードすれば新しい画像に変更されるのですが、見に来てくれた方は変更したことは知らないので、わざわざスーパーリロードしてくれませんよね。

画像を強制的に読み込ませる方法

画像ファイルにGETパラメーターを付けてあげればキャッシュを読み込まずに新しい画像ファイルを読み込ませることができます。

<img src="sample.jpg?20200201" alt="Sample">

ブラウザではGETパラメータも含めてキャッシュしていますので、GETパラメーターを変更することで、キャッシュの画像を読み込まないで新しい画像をサーバーから読み込んでくれるようになります。

「？」の後ろは日付けを入れてますが、他の値でも問題ございません。
以下の「CSS修正時に強制的に修正したCSSファイルを読み込ませる方法」でも同じ方法でCSSを読み込ませています。

画像やCSSファイルだけでなくJSファイルも上記の方法でキャッシュされたファイルではなく、新しいファイルを強制的に読み込ませることができます。