Cache problem on changing src attr with same file name

Question

i'm trying changing dinamically the src path of a img tag

i have:

<img src="img1.jpg">

Then i upload new photo by iframe and new photo takes the same name (img1.jpg) then by ajax i refresh the src path (which is the same but photo is changed)

The problem is that i use same file name, img doesn't change in browser, guessing cause of browser cache...

Is there any jquery,html or php solution on this?

thanks

You could try appending a random query string to the end... img src="img1.jpg?random_string" — AllisonC, Sep 02 '11 at 15:48
Try changing the image to something temporary while it is uploaded, and then switch the src back to the img1.jpg. If that doesnt work, consider using a different image name. — Tejs, Sep 02 '11 at 15:48
http://stackoverflow.com/questions/728616/disable-cache-for-some-images — InvisibleBacon, Sep 02 '11 at 15:54
@allison yep Peer is right, your is really an answer and also right answer ;) it works! thx ;) — itsme, Sep 02 '11 at 15:57

score 4 · Accepted Answer · answered Sep 02 '11 at 15:59

4

You could try appending a random query string to the end... img src="img1.jpg?random_string"

answered Sep 02 '11 at 15:59

AllisonC

2,790
4
26
44

score 2 · Answer 2 · answered Sep 02 '11 at 15:52

2

You could return the image as a base64 string in the ajax response, and append the data to the img element.

<img src="data:image/jpeg;base64,[STRING GOES HERE]" alt=""/>

This way you will save another request. However, the base64-encoding means a few more bytes are transferred.

answered Sep 02 '11 at 15:52

Jørgen

8,059
9
44
65

1

Naww, that's harsh :) You're correct, of course, I should have mentioned that. Thanks. – Jørgen Sep 02 '11 at 16:17
still... this is a nice approach! (Y) – mimarcel Mar 15 '15 at 13:05

score 1 · Answer 3 · answered Apr 24 '20 at 16:23

1

Its been cache issue.To resolve this issue use Math.random() as query param

<img src="url_goes_here?Math.random()" />

answered Apr 24 '20 at 16:23

Vimalraj

3,980
1
5
6

Cache problem on changing src attr with same file name

3 Answers3