点击刷新图形验证码

简介: 点击刷新图形验证码

点击刷新图形验证码


实现方式:在点击事件中为 img 的 src 重新赋值为图片验证码接口链接后拼接time时间戳

React为例:

获取img标签后直接重新赋值为拼接有时间戳的src即可

new Date().getTime() 获取时间戳

<img src="url" 
onClick={(event)=>{event.target.src=`url?time=${new Date().getTime()}`;}/>

相关文章
|
前端开发 JavaScript 程序员
基于React Hooks封装的验证码组件
基于React Hooks封装的验证码组件
1532 1
|
Java 容器
【面试题精讲】Java什么是方法的返回值?方法有哪几种类型?
【面试题精讲】Java什么是方法的返回值?方法有哪几种类型?
|
JavaScript 小程序
js数组去重的10种有效方法 vue 数组去重
js数组去重的10种有效方法 vue 数组去重
213 1
|
测试技术
Jmeter-阶梯式压测Concurrency Thread Group
Jmeter-阶梯式压测Concurrency Thread Group
Jmeter-阶梯式压测Concurrency Thread Group
Kam
|
druid
druid数据连接池异常 connection holder is null 解决方案
druid数据连接池异常 connection holder is null 解决方案
Kam
2572 0
|
11月前
|
缓存 安全 API
GET 请求和 POST 请求的安全性有何区别?
【10月更文挑战第29天】GET请求和POST请求在安全性方面各有特点和风险。在实际应用中,应根据具体的业务场景和安全需求,合理选择使用GET请求或POST请求,并采取相应的安全措施来保障系统的安全性,如对敏感信息进行加密、实施访问控制、防范CSRF攻击等。
|
前端开发
react配置proxy代理的两种方式
本文介绍了在React项目中配置代理的两种方式:通过在package.json中添加代理配置,以及通过创建setupProxy.js文件来实现更复杂的代理规则。
608 2
|
存储 搜索推荐 JavaScript
Java如何获取Cookie里的指定值
【9月更文挑战8天】
222 2
|
移动开发 小程序 API
uniapp组件库Card 卡片 的使用方法
uniapp组件库Card 卡片 的使用方法
655 1
|
开发工具
KgCaptcha 图形验证码图片样式设置
在一次项目开发中,需要对滑动拼图验证码的宽高、拼图缺口、滑块等样式进行自定义设置,于是我找啊找,终于让我找到了 KgCaptcha,用户可以自己设置验证码尺寸、外框、缺口样式、滑块等。下面就由我来介绍一下如何设置吧!
KgCaptcha 图形验证码图片样式设置