勉強したことのメモ

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で縦横どちらかが指定の長さを超えた場合、比率を保ったままリサイズ

PHPで縦横どちらかが指定の長さを超えた場合、 比率を保ったままリサイズしたかっ ...

LightboxをjQuery無しで実装できる「Luminous」の利用方法
LightboxをjQuery無しで実装できる「Luminous」の利用方法

あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...

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

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

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

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

「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法
「slick」でarrows(次に進む・前に戻るボタン)を設定しても表示されない場合の対応方法

「slick」で画像スライダーを表示する際にarrows(次に進む・前に戻るボタ ...