首先下载 captcha扩展包,↓ 下载附件,解压到vendor目录下:
然后进入application/config.php添加配置信息:
//验证码 'captcha' => [ // 验证码字符集合 'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', // 验证码字体大小(px),根据所需进行设置验证码字体大小 'fontSize' => 30, // 是否画混淆曲线 'useCurve' => true, // 验证码图片高度,根据所需进行设置高度 'imageH' => '', // 验证码图片宽度,根据所需进行设置宽度 'imageW' => '', // 验证码位数,根据所需设置验证码位数 'length' => 4, // 验证成功后是否重置 'reset' => true ],
html页面:
<div> <img id="verify_img" src="{:captcha_src()}" alt="验证码" onclick="refreshVerify()"> <a href="javascript:refreshVerify()">点击刷新</a> </div> <form action="{:url('index/check')}" method="post"> <input type="text" name = "verify"> <input type="submit" value = "提交"> </form> <script> function refreshVerify() { var ts = Date.parse(new Date())/1000; var img = document.getElementById('verify_img'); img.src = "/captcha?id="+ts; } </script>