In one of my forms, I allow client to upload their image. As soon as the client picks a file from his machine, the page is poasted back (using form.submit), the posted image is saved on a temporary path on server, and displayed in an <img>.
When the user clicks "Update" on the form, the image is moved from the temporary to a permanent path.
If after selecting an image, the user selects another image, it is again uploaded on the server to the SAME temporary path, and the <img> is again set to this path.
Now, here is where the image lies. Although the image changed on server, its path remained same. And the browser thinks it already has that image in its cache. Shouldn't the browser have sent a HEAD request to check whether the image was updated on server??
Anyways, how could I solve this problem, and make the client request the image from server again???
...
Go to the complete details ...