How to make an image update on screen if the filename does not change?

Question

I have an image

<img src="whatever.jpg">

An AJAX request uploads a different image to the server, replacing the file. When reloading I can see the new image.

How to make the image show the new file without reloading the page?

score 0 · Accepted Answer · edited May 23 '17 at 12:31

0

The solution posted here inspired a simple solution; add a timestamp to the query string of the src attribute when uploading the file with success.

<img src="whatever.jpg?2874652">

Which will cause browsers to reload the file from the server.

edited May 23 '17 at 12:31

Community

answered Feb 27 '15 at 08:44

1 Answers1