Real effective technique to refresh image after upload

[gandahar]

Hi !

When creating a web application with an upload image system, there is this problem with cache, you upload and replace an existing image without changing name, the browser still show the old image, you must hit F5 or refresh to force reload the image.

I've been looking for a simple way to fix this common problem.

I found the

Code: Select all

<?php echo '<img src="image.jpg?'.rnd(0,9999).'">'; ?>

technique but not good for me

there is another trick with the php function DATE, but not good for me

I found an effective solution (i think) using the filesize function, to get the image size in bytes :

Code: Select all

<?php
$the_photo='image.jpg';
$bytes_photo='?'.filesize($the_photo);
echo '<img src='.$the_photo.$bytes_photo.'>';
?>

so now, the image don't reload systematically, only when a change have been made (image replaced without changing filename)

this fix work fine for me

if you have a better solution.. please share it

thanks

[johnj]

php is for server side and the refresh has to happen on the client side. so, you can do this, <META HTTP-EQUIV="refresh" CONTENT="5"> - this will refresh the page every 5 seconds

[egami]

<?php
// line 3 through 5 //

ini_set('session.cache_limiter','private');
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');

[gandahar]

php is for server side and the refresh has to happen on the client side. so, you can do this, <META HTTP-EQUIV="refresh" CONTENT="5"> - this will refresh the page every 5 seconds

Thanks for this solution, but this is not effective in every case. Thanks for sharing

<?php
// line 3 through 5 //

ini_set('session.cache_limiter','private');
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');

I've been trying this solution too, but sometime, the image don't refresh and still load from the browser cache. Thanks for sharing

[johnj]

If the file size doesn't change with the upload of a new image,you will still see the old image.

I don't understand why egami's soln did not work because the cache is forced to expire in the past.

[gandahar]

If the file size doesn't change with the upload of a new image,you will still see the old image.

I don't understand why egami's soln did not work because the cache is forced to expire in the past.

yeah it's true, but when showing filezise in bytes, there is not much probability to have same filesize on two differents fotos....

i've been trying the egami's solution with firefox, ie and others, they sometimes still loading image from cache

[egami]

Try just using the header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); and comment out the others.