TP6.0框架 - 验证码的使用

安装
首先在项目根目录下使用Composer安装think-captcha扩展包：

composer require topthink/think-captcha

 

使用
在模版内也就是HTML页面上，添加验证码的显示代码

<div>{:captcha_img()}</div>
或者
<div><img src="{:captcha_src()}" alt="captcha" /></div>

上面两种的最终效果是一样的，根据需要调用即可。 
输出效果如图

 

校验
然后使用框架内置的函数手动验证

if(!captcha_check($captcha)){
    // 验证失败
};

 

注意：
1、如果IDE里提示 captcha_check 函数未定义的话（前提是你已经使用了Composer安装think-captcha扩展包完成），重启IDE即可。

2、如果一直提示验证失败的话，要先去开启Session才行。
Session功能默认是没有开启的（API应用通常不需要使用Session），如果你需要使用Seesion，需要在全局的中间件定义文件中解开下面的注释：

好了，现在一般就可以正常使用验证码功能了~

 

如何点击图片刷新验证码？

可以直接在标签上写上：

οnclick="this.src='{:captcha_src()}?id=' + Math.random()"

如何在验证失败后自动刷新验证码？

$('#captcha').attr('src', '{:captcha_src()}?id=' + Math.random());