Laravel 5.4.*中验证码类的使用

最新推荐文章于 2024-04-21 13:56:08 发布

原创最新推荐文章于 2024-04-21 13:56:08 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#laravel #验证码类

PHP 同时被 2 个专栏收录

29 篇文章

订阅专栏

Laravel

6 篇文章

订阅专栏

本文详细介绍如何在Laravel项目中集成并使用gregwar/captcha扩展包来生成图片验证码，包括配置composer.json文件、更新Composer、创建验证码的方法及在前端显示验证码等步骤。

1.然后在你的laravel框架根目录的composer.json文件中加入下面的东西

"require": {  
        "php": ">=5.6.4",
        "laravel/framework": "5.4.*",
        "laravel/tinker": "~1.0",  
        "gregwar/captcha": "1.*"  //这一行是重点，上面三行，你文件中都有
    },

2.使用Git Bash更新composer

$ composer update

composer update

3.更新完成后就会看到自己的根文件夹里边的/vendor下会有gregwar文件夹扩展包

4.开始作图

在你需要产生验证码的控制器中：
①命名空间写完了，写这个

use Gregwar\Captcha\CaptchaBuilder;//

②方法中这样写

 //形成验证码方法，楼主试验了几次，这个产生的返回值是写在img标签的src那里的
    public function getCheckCode()
    {
        //创建验证码对象
        $builder = new CaptchaBuilder;
        $builder->build($width = 120, $height = 40,$font = null);
        $phrase = $builder->getPhrase();
        Session::flash("checkcode", $phrase);
        header("Cache-Control: no-cache, must-revalidate");
        header("Content-Type: image/jpeg");
        return $builder->output();
    }

③：模板文件中这样写

<div class="row cl">
     <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe63f;</i></label>
     <div class="formControls col-xs-8">
          <input name="checkcode" class="input-text radius size-L" type="text" placeholder="验证码" value="" style="width:150px;">
          <img src="{{URL('/admin/login/getCheckCode')}}" id="checkcodeimg" class="radius"> <a id="kanbuq" href="javascript:;" onClick="againCode()">看不清，换一张</a>
     </div>
</div>

④：js部分这样写

<script type="text/javascript">
    function againCode(){
        $.ajax({
            url: '/admin/login/getCheckCode',
            type: 'GET',
            success: function(data){
                if(data){
                    var urls =$('#checkcodeimg').attr('src');
                    $("#checkcodeimg").attr('src', urls);
                }else{
                    alert("获取验证码失败！");
                }
            }
        })
    }
</script>