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

Laravel框架验证码的生成

程序员文章站 2022-05-19 15:57:02
...

一、在ky3.blade.php文件中添加一个input

验证码:<input type="text" name="captcha" placeholder="请输入验证码">
    <img src="{{captcha_src()}}" alt=""></br>

二、在Laravel中有很多图片验证码的库可以使用,我们使用的是:
Laravel框架验证码的生成
使用这个图片验证码库首先要将其下载下来:
使用composer require mews/captcha命令
Laravel框架验证码的生成
**Package manifest generated successfully.**提示下载成功。
在app.php文件中添加:

   ' provider '  => [
 // ... ' Mews \ Captcha \ CaptchaServiceProvider ',    ]  
'aliases' => [
        // ...
        'Captcha' => 'Mews\Captcha\Facades\Captcha',
    ]

第二步:** php artisan vendor:publish**
Laravel框架验证码的生成
成功之后将给出提示要安装哪一个版本:
Laravel框架验证码的生成
我们使用的是Mews/Captcha,所以要选择**[9 ] Provider: Laravel\Tinker\TinkerServiceProvider**
文件成功保存在了vendor\mews\captcha\config中
Laravel框架验证码的生成
captcha.php文件默认的字符现在是9个字符,将default的长度值改成4就可以有更好的用户体验。

'default' => [
        'length' => 4,
        'width' => 120,
        'height' => 36,
        'quality' => 90,
        'math' => false,
    ],

显示效果如下:
Laravel框架验证码的生成
要想实现点击更换验证码图片,要使用jqery实现

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(function(){
    var url=$('img').attr('src');
    $('img').click(function(){
        $(this).attr('src',$(this).attr('src')+Math.random())
     } );
});


</script>

相关标签: laravel