勉強したことのメモ

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

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

ajaxを使わずに非同期っぽくsubmitする
ajaxを使わずに非同期っぽくsubmitする

ajaxを使わずに見た目はページ遷移せず、 画像を含めたformをsubmitし ...

formのinput=
formのinput="file"でディレクトリを選択させ、ディレクトリ内のファイルを全てアップロードする方法

フォームで複数のファイルをアップロードしたい場合、input="file"を複数 ...

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

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

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法
JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...