第一步:在前台写一个带有超链接的图片代码,例如:
<a href="javascript:void(change_code(this))"><img src="{:U('Admin/Login/verify')}" id="code"/></a>
超链接用JS,图片地址调用自己写的方法。
第二步:加入JS代码
<script type="text/javascript"> var URL='{:U("Admin/Login/verify","","")}/'; function change_code(obj){ $("#code").attr("src",URL+Math.random()); return false; } </script>
当点击图片的时候触发 change_code(obj)事件,通过加一个随机数改变图片地址,注意:URL的伪静态后缀名一定要为空。
第三步:后台生成验证码图片的方法verify
$config = array( 'fontSize' => 18, // 验证码字体大小 'length' => 4, // 验证码位数 'useNoise' => false, // 关闭验证码杂点 'imageW' => 130, // 图片宽 'imageH' => 50, // 图片高 ); $Verify = new ThinkVerify($config); $Verify->entry();
首先配置想要的验证码属性,再实例化验证码
第四部:验证验证码是否输入正确
$Verify = new ThinkVerify($config);
$verify->check($code,'')
Think3.2下直接调用check,验证码输入正确,返回1,输入错误,返回0