画像をブラウザにキャッシュさせない方法

WEBサービスを開発しているときに、内容が異なる画像なのに同じ画像の名前の場合ブラウザのキャッシュが有効になっている影響が、画像が変わらないことが多い

ブラウザにキャッシュさせない方法があるので、記述する

ブラウザにキャッシュさせない画像の記述方法

ブラウザにキャッシュさせない画像のHTML記述方法は

<img src="sample.png?20210114" alt="サンプル画像" />

という風に画像の名前の後ろに一意の数字を入れてやる。

数字が異なるとキャッシュ画像ではなく、本当の画像を表示してくれる

phpの場合は

<img src="sample.png?<?php echo rand(); ?>" alt="サンプル画像" />

という感じに毎回ランダムの数字を出力するようにすれば、いちいちHTMLコードの数字を変更しなくても良くなる