Java web实现单击验证码 刷新图片 （Jquery ）_java实现验证码,点击图片,刷新怎么设置

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

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

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

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

不会配置验证码？

传送门：配置验证码

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

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

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

方案1：

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

方案2：

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

附上终极代码：

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

1
2
3
4

``

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