laravel 7 验证码功能

1.首先通过composer安装扩展包

composer require mews/captcha

2.生成配置文件

php artisan vendor:publish

3.选择Mews\Captcha\CaptchaServiceProvider 代表的数字 

我这里是10   所以输入10后回车

 4.接下来根据需求设置   config/captcha.php

characters' => ['2', '3', '4', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'm', 'n', 'p', 'q', 'r', 't', 'u', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'M', 'N', 'P', 'Q', 'R', 'T', 'U', 'X', 'Y', 'Z'],
    'default' => [
        'length' => 9,
        'width' => 120,
        'height' => 36,
        'quality' => 90,
        'math' => false,
        'expire' => 60,
        'encrypt' => false,
    ],
    'math' => [
        'length' => 9,
        'width' => 120,
        'height' => 36,
        'quality' => 90,
        'math' => true,
    ],

    'flat' => [
        'length' => 6,
        'width' => 160,
        'height' => 46,
        'quality' => 90,
        'lines' => 6,
        'bgImage' => false,
        'bgColor' => '#ecf2f4',
        'fontColors' => ['#2c3e50', '#c0392b', '#16a085', '#c0392b', '#8e44ad', '#303f9f', '#f57c00', '#795548'],
        'contrast' => -5,
    ],
    'mini' => [
        'length' => 3,
        'width' => 60,
        'height' => 32,
    ],
    'inverse' => [
        'length' => 5,
        'width' => 120,
        'height' => 36,
        'quality' => 90,
        'sensitive' => true,
        'angle' => 12,
        'sharpen' => 10,
        'blur' => 2,
        'invert' => true,
        'contrast' => -5,
    ]

5.简单的显示验证码

<label for="captcha">验证码:</label>
<input type="text" class="form-control" name="captcha">
<img src="{{captcha_src('flat')}}"  alt="">

6.点击图片可以更新验证码（来个点击事件）

<img src="{{captcha_src('flat')}}" onclick="this.src='{{captcha_src('flat')}}?'+Math.random()" alt="">

7.后端captcha验证

  $validated=$request->validate([
           'captcha'=>'required|captcha',
        ],[
            'captcha.required'=>'验证码不能为空',
            'captcha.captcha'=>'验证码有误',
        ]);

8.在页面展示错误信息

 @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

效果图