首先下载 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>
05-11 14:50