勉強したことのメモ

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

  関連記事

jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...

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

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

JavaScriptにてスワイプ可能なLightBox系ライブラリ「PhotoSwipe」の利用方法
JavaScriptにてスワイプ可能なLightBox系ライブラリ「PhotoSwipe」の利用方法

あるサイトをWappalyzerで調査していた際に「PhotoSwipe」という ...

バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法
バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法

あるサイトをブラウザの開発者ツールで見ていると「echo.js」と聞いたことの無 ...

「slick」で作成したスライダー画像にランキングの順位を表示する方法
「slick」で作成したスライダー画像にランキングの順位を表示する方法

「slick」で作成したスライダー画像に対して、ランキングの順位を表示したいとい ...