legend3---laravel验证码使用

legend3---laravel验证码使用

一、总结

一句话总结：

1、先用composer下载好captcha扩展：配置好composer.json然后运行composer update

2、引入下载好的captcha库：use Gregwar\Captcha\CaptchaBuilder;

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 App\Http\Controllers;

 3
 4 use App\Http\Requests;
 5 use App\Http\Controllers\Controller;
 6
 7 use Illuminate\Http\Request;
 8
 9 //引用对应的命名空间
10 use Gregwar\Captcha\CaptchaBuilder;
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 App\Http\Controllers\Home\Login;
 
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
 
use Gregwar\Captcha\CaptchaBuilder;
 
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图片的格式输出
    }
 
}