k_sel
k_sel

Reputation: 785

How to prevent browser image caching?

What is the best way to prevent the browser from caching images in PHP?

I've tried the header( method:

header("Expires: Tue, 03 Jul 2001 06:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

But nothings seems to work save for manually clearing the browser's cache.

I have images that are replaced with the same name, such as avatar.png as an updateable avatar for the user, but when it is updated, the browser holds onto an old version.

Even when the original is deleted and a new one is added, the browser still holds onto the old avatar.png.

Any thoughts?

Upvotes: 8

Views: 20740

Answers (4)

Dody Irwin
Dody Irwin

Reputation: 1

thank you, this Run for me like this

not run<

echo "&lt;img src='gambarLimas.jpg'><br>"; 

run well

echo "&lt;img src='gambarLimas.jpg?t=".time()."'><br>"; 

Upvotes: -2

Doin
Doin

Reputation: 8194

Within the same browsing session, if you use the same IMG src, the browser will often re-use its retained-in-memory copy of an image regardless of caching settings. That seems to be what's happening to you here.

I've summarized some common solutions to the "update an image" problem here.

Upvotes: 2

wIRELESS
wIRELESS

Reputation: 196

As soon as you are inserting your own image there is no need to prevent picture caching each time. You can just use filemtime($imgPath) to check last picture change time.

E.g: 'http://example.com/img.jpg?last_picture_update=' . filemtime($imgPath)

Upvotes: 6

js-coder
js-coder

Reputation: 8346

Just put a random parameter at the end of the image URL. A timestamp can also be used very well for this.

For example in PHP:

"http://domain.com/img.png?t=" . time();

The browser will always load this image new. You should use it with care though, it will make loading times slower.

Upvotes: 20

Related Questions