欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Laravel-验证码 captcha

程序员文章站 2022-05-19 15:51:14
...

1. 验证码的依赖安装

1)去packagist网站搜索验证码的代码依赖:关键词:captcha

地址:https://packagist.org/packages/mews/captcha

环境要求:php>=5.4,需要开启GD库,同时需要开启fileinfo和mbstring扩展

2)切换到根目录下:

Composer方法安装代码依赖包:composer require mews/captcha

3)修改配置文件:config/app.php

① 配置provider信息:

'providers' => [

        Mews\Captcha\CaptchaServiceProvider::class,

    ],

 ②配置别名aliases键

'aliases' => [

        'Captcha' => Mews\Captcha\CaptchaServiceProvider::class,

    ],

4)如果需要修改验证码配置,则执行:

php artisan vendor:publish

Laravel-验证码 captcha

发布之后会在config目录下找到对应的配置文件:

Laravel-验证码 captcha

2. 验证码的使用

1)前端写法,两种任选其一

验证码:<input type="text" name="code" value=""><img src="{{captcha_src()}}" alt="">

验证码:<input type="text" name="code" value=""><img src="{{Captcha::src()}}" alt="">

 

 

        如果需要自定义配置(如长度、宽高等),可以修改配置文件config/captcha.php文件(当前默认是9个长度),可以去进行修改。

2)后台验证

注意:验证码有效性验证规则,手册里是没有的,如果使用mews验证码包的话,其验证码验证规则就是captcha

$this->validate($request,[
            'yzm'  => 'required|captcha'
        ]);

3)点击验证码切换功能

①先引入jquery

②jQuery的代码:

<script>
    $(function(){
        $('img').click(function(){
            $(this).attr('src','{{captcha_src()}}' + '&_=' + Math.random());
        })
    })
</script>