Java web实现单击验证码刷新图片（Jquery ）

2024-07-09 09:13| 来源: 网络整理| 查看: 265

首先通过绑定 id 获取 img 对象然后添加单击事件

$("#img_check").click(function () { this.src="${basePath}kaptcha.jpg" })

this 这里便是指的是当前对象需要注意的是 src 可读可写可以读出来 src的值同样可以赋予url地址

需要替换成你自己验证码地址

不会配置验证码？

传送门：配置验证码

这样写看似没有问题当换了浏览器就可能发现只能换一次图片再点击图片换不了了

原因是：因为有些浏览器有缓存为了提高访问速度当第一次访问图片地址生成图片浏览器保存到了本地第二次访问这个地址的时候浏览器发现地址之前访问过直接拿出来了本地图片这就是导致了为什么不刷新图片的原因

怎么解决呢？很简单只要保证每次访问地址不一样即可

方案1：

在后面添加一个随机数参数但是这样仍然可能会导致网络地址相同

方案2：

在后面添加一个时间参数 new date（）时间总不会相同吧

附上终极代码：

$("#img_check").click(function () { this.src="${basePath}kaptcha.jpg?"+"d="+new Date()) })

每次地址不一样自然图片肯定不一样了

【本文地址】

今日新闻