<img src="test.php" />
where test.php generates an image with a random number.
Itried :
$('#verifyimage').click(function() {
$(this).attr('src',$(this).attr('src'));
});
But it doesn't work.
views:
712answers:
3
A:
Add a timestamp or a random number:
var timestamp = new Date().getTime();
$(this).attr('src',$(this).attr('src') + '?' +timestamp );
Kobi
2010-01-04 06:58:10
+6
A:
You can force a refresh by appending a random string at the end, thus changing the URL:
$('#verifyimage').click(function() {
$(this).attr('src', $(this).attr('src')+'?'+Math.random());
});
K Prime
2010-01-04 06:58:23
Eww. No, don't. Set appropriate caching response headers on the server instead.
Nicolás
2010-01-04 23:43:23
`Cache-control`, `Expires`, et al. only work once a HTTP request is received - the above is simply to force the client to make that request. In the absence of a `Image.reload` (AFAIK), this was the simplest method to make a new request
K Prime
2010-01-06 03:36:03
would suggest substring on the src attribute to a "?" so that after the first time, it doesn't keep appending more querystring data...
Tracker1
2010-01-08 10:30:50