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
发布之后会在config目录下找到对应的配置文件:
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>