勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

imgタグのsrc属性のURLにPHPでタイムスタンプを付与しキャッシュ対策する方法

   2024/02/28  PHP

imgタグで画像を表示する際、画像を書き換えても同じものが表示されるというケースがあった。挙動的にキャッシュの影響っぽい。そのためsrc属性内のURLにPHPでタイムスタンプを付与し、キャッシュ対策する方法をメモ。

 

ソースコード

<?php
$file_path = 'aaa.jpg?stamp=' . time();
?>
<img src="<?php echo $file_path;?>">

 

リファレンス

http://php.net/manual/ja/function.time.php

 

JavaScript / jQueryで対応したい場合

javascriptやjQueryで画像を書き換えても変わらない場合

 - PHP

  関連記事

バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法
バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法

あるサイトのコーディングデータを貰った際に「lazysizes」というJavaS ...

画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法
画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法

amazon等ECサイトで商品画像にマウスを合わせると当該部分が拡大表示されると ...

Dropzone.jsを使って画像をドラッグ&ドロップでアップロードする方法
Dropzone.jsを使って画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にDro ...

PHPで画像のフォーマット(拡張子)の変換
PHPで画像のフォーマット(拡張子)の変換

画像のアップロードでjpg/png/gif形式を受け付けつつ、 最終的にjpgで ...

バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法
バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...