点击图片验证码更换验证码图片
2019-05-07 15:03
204 查看
做登录注册等功能的时候一般都有图片验证码功能,点击看不清,换一张的时候更换一张验证码,但是又不想整个页面跟着刷新,只刷新一个验证码,因为我的项目是react项目,所以就直接上react的代码了,原理就是通过改变接口地址,然后获取新的图片验证码
首先我们拿到后台接口
// state={ imgCode:'http://192.168.1.111:18886/ucenter/sso/generateImgCode.html' //先设置后台的接口地址 }
然后页面上有一个img标签
<img src={this.state.imgCode} className={styles.getYzm} onClick={(e)=>{this.getYzm(e)}} />
点击的时候换图片
getYzm=(e)=>{ e.preventDefault(); let imgCodePath = this.state.imgCode.split('?')[0] +'?id='+parseInt(Math.random()*100000); this.setState({ imgCode:imgCodePath }) }
相关文章推荐
- 点击图片更换验证码
- Android探索之路:实现点击验证码图片更换功能
- js——点击验证码图片进行刷新验证码
- 点击验证码图片,更换验证码
- JSP页面onclick点击事件无法更换img标签里面的图片(例如点击更换验证码图片)
- 点击图片更换验证码的实现
- 点击图片更换验证码的实现
- JavaWeb开发之普通图片验证码生成技术与算术表达式验证码生成技术
- js实现点击更换图片
- 中文彩色验证码实现(变形/噪点/点击更换
- jQuery点击输入框显示验证码图片
- FireFox,IE7点击图片刷新验证码bug的解决
- 20170726 jQuery练习题 点击按钮更换图片
- 点击更换图片,再次点击,图片回归原样
- android通过点击ImageView弹出上下文菜单,然后通过访问系统的相册和相机,更换ImageView图片
- 关于.NET点击图片就可刷性验证码的问题解决方法
- JQ 点击头像更换图片(仅是自己留个笔记,不建议参考哈!)
- Java版仿QQ验证码风格图片验证码
- thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
- js点击图片更换头像,input file