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

来源:互联网 发布:java in是什么意思啊 编辑:程序博客网 时间:2024/06/06 13:14

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

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

2

2.使用Git Bash更新composer

$ composer update

composer update

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

3

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>

注意,路径根据实际情况更换自己的请求路径

5.效果

效果

6.点击”看不清”更换不能的验证码

这里写图片描述

原创粉丝点击