首先下载 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>