使用相同的文件名更改<img/> src attr时的缓存问题

Question

我正试图改变img标签的src路径

我有：

<img src="img1.jpg">

然后我通过iframe上传新照片，新照片采用相同的名称（img1.jpg）然后通过ajax我刷新src路径（这是相同但照片已更改）

问题是我使用相同的文件名，img在浏览器中没有变化，猜测浏览器缓存的原因......

这有什么jquery，html或php解决方案吗？

感谢

Answer 1

您可以在ajax响应中将图像作为base64字符串返回，并将数据附加到img元素。

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

这样您将保存另一个请求。但是，base64编码意味着传输了更多的字节。

Answer 2

您可以尝试将随机查询字符串附加到结尾... img src =“img1.jpg？random_string”

Answer 3

这一直是缓存问题。要解决此问题，请使用Math.random（）作为查询参数

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