No Cached Image

[newsiness]

Everything works fine except that when a new image is uploaded to replace an existing one, the browser still displays the former one until i refresh the page.

By using this piece of PHP, the browser thinks its a new image and reloads.

<img src="img.jpg?rand=<?=rand(1,1000);?>" />

Anyway to complete the same task in Javascript instead of PHP?

Thanks in advance!!!

 

[Eric]

<script language="javascript">
document.write('<img src="img.jpg' + Math.ceil(Math.random() * 10000) + '" />');
</script>

Something like that.

 

[xrvel]

Its based on Eric's explanation :tu:

<script type="text/javascript">
	function refreshImage(imageId) {
		var objImage = document.getElementById(imageId);
		var oldSrc = objImage.src;
		var cleanSrc = oldSrc.substr(0, oldSrc.indexOf('?'));
		var newSrc = cleanSrc + "?" + Math.ceil(Math.random() * 10000);
		//alert(newSrc);
		objImage.src = newSrc;
	}
</script>


<!-- Put at least one ? here -->
<img src="yours.jpg?" id="your-image" />

<input type="button" value="refresh" onclick="refreshImage('your-image')" />

 

[newsiness]

Thanks Guys!!!
Rep Added.