tp5验证码

最新推荐文章于 2021-09-23 08:51:53 发布

原创最新推荐文章于 2021-09-23 08:51:53 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍ThinkPHP6中验证码的配置与使用方法，包括composer安装、session开启、配置项设置及视图引用，同时提供验证码刷新的三种实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先 composer 下载验证码
不显示验证码的话在captchaController中index方法添加第一行ob_clean();

composer require topthink/think-captcha 1.*

**★tp6中如果填写正确也显示错误的话是session没有开启的原因，在app\middleware 中开启初始化**

然后在config 中添加配置

 //验证码配置
    'captcha' => [
        //验证码字符集
        'codeSet' => '2345678abcdefhjkmnopqrstuvwxyzABCDEFHJKMNOPQRSTUVWXYZ',
        //字体大小
        'fontSize' => 18,
        //天假混淆 的曲线
        'useCurve' => true,
        // 验证码宽度高度
        'imageW' =>150,
        'imageH' => 35,
        //  验证码位数
        'lengh' => 4 ,
        //验证成功重置
        'reset' => true,
    ]

引用src

<img src="{:captcha_src()} " >

验证正确性****controller

// 验证验证码
        if(!captcha_check($verifycode)){
            exit(json_encode(array('code'=>1,'msg'=>'验证码错误')));
        }

点击刷新验证码
方法1. captcha 中的help.php 的方法改成下面的

function captcha_img($id = '')
{
    $js_src = "this.src='".captcha_src()."'";
    return '<img src="' . captcha_src($id) . '" alt="点击更新验证码" onclick="'.$js_src.'" />';
}

方法2.在视图中修改

 <img src="{:captcha_src()}" alt="点击更新验证码"  onclick="this.src='{:captcha_src()}?'+Math.random()" />

方法3. 视图中添加js代码

<img src="{:captcha_src()}" id="img" onclick="reloadImg()">
<script>
	// 重新生成验证码 ,输入错误直接调用更换验证码
		function reloadImg(){
			$('#img').attr('src','{:captcha_src()}?rand='+Math.random());
		}
</script>