勉強したことのメモ

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

  関連記事

PHPで画像を上下反転させ保存する
PHPで画像を上下反転させ保存する

やりたかった事は、下記の通り。 ・既にフォルダに保存されている画像を上下反転させ ...

ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法
ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法

ページ表示時にブラウザがWebP画像に対応している場合はそのまま表示し、非対応の ...

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

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

jQuery.uploadでリアルタイムプレビュー
jQuery.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...

JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法
JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法

大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...