• legend3---laravel验证码使用


    legend3---laravel验证码使用

    一、总结

    一句话总结:

    1、先用composer下载好captcha扩展:配置好composer.json然后运行composer update
    2、引入下载好的captcha库:use GregwarCaptchaCaptchaBuilder;

    1、lavarel中如何安装captcha库?

    1、添加"gregwar/captcha": "1.*"  到composer.json这个文件中
    2、在composer.json这个文件夹中打开命令行,运行composer update,

    2、验证码点击自动刷新?

    js中让img的src刷新:<div class="yz"><img src="{:captcha_src()}" οnclick="this.src=this.src+'?t='+Math.random()";></div>

    3、img onclick="this.src=this.src+'?t='+Math.random()" src="{{url('/captcha')}}" alt="验证码图片" 点击刷新验证码的问题是什么,及如何解决?

    因为是+'?t='+Math.random(),所以参数会越来越长
    解决的话就用js函数,直接原验证码地址拼接就好
    <img onclick="this.src=this.src+'?t='+Math.random()" src="http://legend3.com/captcha?t=0.27718960257251046?t=0.3208799525313262?t=0.5162236173489758?t=0.02132425618744005?t=0.9973185649191607?t=0.9189521155309017" alt="验证码图片">
    <img onclick="re_captcha(this)" src="{{url('/captcha')}}" alt="验证码图片">
    
    <script>
        //验证码刷新函数
        function re_captcha(m_this){
            let url="{{url('/captcha')}}";
            m_this.src=url+'?t='+Math.random();
        }
    </script>

    二、laravel5.4生成验证码

    转自或参考:laravel5.4生成验证码
    https://www.cnblogs.com/meng1314-shuai/p/7309445.html">laravel5.4生成验证码

    操作步骤:

    1, 在laravel5.4项目根目录下找到 composer.json 这个文件,

    添加  "gregwar/captcha": "dev-master"  和  "Gregwar\Captcha\": "vendor/Captcha/"  到composer.json文件中,如下图所示,

    接下来,在项目根目录执行composer update,然后再执行composer dump-autoload 命令。

    第二种方法:

    添加

    "gregwar/captcha": "1.*"  到composer.json这个文件中,如下图所示。

    2. 然后打开命令行,找到项目的根目录,运行composer update,

    可以看到这个扩展库已经下载好了,

     3.接下来,就可以正常使用验证码了,

    先定义路由:

    接下来,介绍两种显示验证码的情况,

    一:直接在网页上输出验证码图片

    在控制层里新建一个codeController.php, 1 <?php  2 namespace AppHttpControllers;

     3 
     4 use AppHttpRequests;
     5 use AppHttpControllersController;
     6 
     7 use IlluminateHttpRequest;
     8 
     9 //引用对应的命名空间
    10 use GregwarCaptchaCaptchaBuilder;
    11 use Session;
    12 class CodeController extends Controller{
    13     public function captcha($temp)
    14     {  
    15         $builder = new CaptchaBuilder();
    16 $builder->build(150,32);
           //获取验证码内容 17 $phrase = $builder->getPhrase();
    18 //把内容存入session 19 Session::flash('milkcaptcha', $phrase); //存储验证码 20 ob_clean(); //清除缓存 21 return response($builder->output())->header('Content-type','image/jpeg'); //把验证码数据以jpeg图片的格式输出 22 } 23 24 }

    然后在浏览器里访问之前定义好的路由,直接访问这个方法,就能看到输出的验证码了

    第二种方法:在表单里显示验证码,把上面该文件路径写到<img>标签的src属性中,

    显示如下:

    这里有两个问题需要注意,照着下面的方法去直接输出验证码,你会发现验证码显示不出来,反而是一堆乱码,

    public function code($tmp)
    {
    //生成验证码图片的Builder对象,配置相应属性
    $builder = new CaptchaBuilder;
    //可以设置图片宽高及字体
    $builder->build($width = 100, $height = 40, $font = null);
    //获取验证码的内容
    $phrase = $builder->getPhrase();
    //把内容存入session
    Session::flash('milkcaptcha', $phrase);
    //生成图片
    header("Cache-Control: no-cache, must-revalidate");//清除缓存
    header('Content-Type: image/jpeg');
    $builder->output();
    }

    输出一下$phrase,发现验证码内容已经获取到了,是图片生成部分出的问题,

    // header("Cache-Control: no-cache, must-revalidate"); 这行代码的作用是清除缓存,防止出现验证码不能刷新或显示不出来的情况,
    但是并没有起作用,改用 ob_clean(); 去清除浏览器缓存。

     然后是 

    header('Content-Type: image/jpeg');
    $builder->output();

    这两句话的问题,

    $builder->output();
    返回的只是验证码图片的一些信息,并不是一张图片,所以当把它直接输出时,出来的并不是一张图片,

    只有这样写

    $buildGer->output()->header('Content-type','image/jpeg')

    直接输出的时候,才会以图片的形式直接输出验证码。

    当把它放到<img>的src属性中,<img>标签会自动以图片的格式输出它,也就是说

    header('Content-type','image/jpeg')

    这时候这句话是没必要的,所以不管是

    $buildGer->output())->header('Content-type','image/jpeg')

    这样写,还是

    header('Content-Type: image/jpeg');
    $builder->output();

    这样写,结果都会显示验证码图片。

    原文地址:http://www.cnblogs.com/zbokett/p/7287235.html

    三、验证码简单实例

    1、添加"gregwar/captcha": "1.*"  到composer.json这个文件中

    2、在composer.json这个文件夹中打开命令行,运行composer update,

    <?php
    
    namespace AppHttpControllersHomeLogin;
    
    use AppHttpControllersController;
    use IlluminateHttpRequest;
    use IlluminateSupportFacadesDB;
    
    use GregwarCaptchaCaptchaBuilder;
    
    class RegController extends Controller
    {
        // 注册页
        public function index(){
            return view('home.login.register');
        }
    
        // 注册处理操作
        public function check(Request $request){
    
        }
    
        // 验证码
        public function captcha(Request $request){
            $builder = new CaptchaBuilder();
            $builder->build(150,32);
            //获取验证码内容
            $phrase = $builder->getPhrase();
            //把内容存入session
            $request->session()->flash('milkcaptcha', $phrase); //存储验证码
            ob_clean(); //清除缓存
            return response($builder->output())->header('Content-type','image/jpeg'); //把验证码数据以jpeg图片的格式输出
        }
    
    }

     

     
     
     
     
     
  • 相关阅读:
    DevExpress-xaml常用控件
    循环中Random()产生相同随机数问题的对策
    插入U盘提示程序
    钛度TSG309鼠,血手幽灵P93 彩漫鼠,微星GM41Lightweight鼠标参数对比
    MarkdownPad
    C# 通过路径取文件方法
    初识张首晟教授有感
    【机器学习123】模型评估与选择 (上)
    【机器学习123】绪论
    【深度学习123】开篇
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/11330352.html
Copyright © 2020-2023  润新知