thinkphp5验证码处理

1.确定项目目录》vendor》topthink》think-captcha目录存在

2.在config中添加验证码配置

复制代码
//验证码配置
        'captcha' => [
    // 验证码字符集合
            'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',
    // 验证码字体大小(px)
            'fontSize' => 20,
    // 是否画混淆曲线
            'useCurve' => true,
    // 验证码图片高度
            'imageH' => 42,
    //是否添加杂点
            'useNoise'=>true,
    // 验证码图片宽度
            'imageW' => 148,
    // 验证码位数
            'length' => 4,
    // 验证成功后是否重置
            'reset' => true
        ],
复制代码

3.模板captcha.html里输出验证码

复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>验证码</title>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
输入验证码：

<div>
    <img id="verify_img" src="{:captcha_src()}" alt="验证码" onclick="refreshVerify()">
    <a href="javascript:refreshVerify()">点击刷新</a>
</div>
<form class="layui-form" action="" >
    <input type="text" name = "verify">

    <button  class="layui-btn" lay-filter="checkcaptcha" lay-submit="" id="checkcaptcha" >
        保存
    </button>
</form>
<script>
    function refreshVerify() {
        var ts = Date.parse(new Date())/1000;
        var img = document.getElementById('verify_img');
        img.src = "{:captcha_src()}";
    }
</script>
<script>
    $(function  () {
        $("#checkcaptcha").on("click",function(){
            $.ajax({
                type: 'POST',
                url: "{:url('test/checkcaptcha')}",
                data:  $(".layui-form").serialize(),
                dataType: "json",
                async: false,
                error: function(request) {
                    alert("发送请求失败！");
                },
                success: function(data){
                    console.log(data);
                    if (data.status == 1) {
                       alert(data.message);

                    } else {
                        alert(data.message);
                    }
                }

            });
        })
    })
</script>

</body>
</html>
复制代码

4.在控制器Test.php中书写验证码检验逻辑

复制代码


/**
* 验证码1-1
*
* @return \think\Response
*/
public function captcha()
{
return $this -> view -> fetch('captcha');
}
/**
* 验证码1-2
*
* @return \think\Response
*/
public function checkcaptcha()
{
$status=1;
$captcha = input('verify');
if(!captcha_check($captcha)){
//验证码错误
$message='验证码错误';

}else{
//验证码正确
$message='验证码正确';
}
return ['status'=> $status, 'message'=> $message];
}

复制代码

 

posted @   zhang_you_wu  阅读(370)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示
AI IDE Trae