前端开发中清除图片缓存

时间:2024-05-19 15:36:39

下午写图形验证码验证时碰到一个问题。

后端php将验证码图片存到文件中

每一次请求它,都会覆盖掉前一个验证码图片。

前端开发中清除图片缓存

逻辑没毛病,等到我后来加了一个

前端开发中清除图片缓存

看不清换一张时,它不给我去服务器里重新请求图片,它老老实实的用着缓存里的图片。

我找了好久才发现,这货一直使用的缓存图片,于是我就找哇,

想想怎么才能实时局部刷新这个验证码。

试了试ajax不顶用。我就试着把前端请求的图片名称改了一下,在后面加了一个随机数。

果真就实现了,实时局部刷新。

前端开发中清除图片缓存

这样做的意义不是真正的改变src的参数,而是在后面加一些没有用的参数。

让浏览器老老实实的放网站去服务器里找。可以用以下方法:

src='image/123.png?t='+new Date().getTime();​ 或者

​src='image/123.png?m='+Math.random();​

前端开发中清除图片缓存