更改<img> src attr同文件名时的缓存问题。

Question

我试图改变一个img标签的src路径。

我有。

<img src="img1.jpg">

然后我通过iframe上传新的照片，新的照片使用相同的名字（img1.jpg），然后通过ajax刷新src路径（虽然相同，但照片被改变了）。

问题是我用同样的文件名，img在浏览器中没有变化，估计是浏览器缓存的原因...。

有没有什么jquery,html或php的解决方案？

谢谢

Answer 1

你可以尝试在最后添加一个随机的查询字符串... img src="img1.jpg?random_string"

Answer 2

你可以在ajax响应中以base64字符串的形式返回图片，并将数据追加到img元素中。

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

这样你就可以节省另一个请求。然而，base64编码意味着要多传输几个字节。

Answer 3

它的缓存问题.为了解决这个问题，使用Math.random()作为查询参数。

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