Laravel document reading notes -mews/captcha use (verification code function)

It's used here Laravel8.

The verification code here should be used to fileInfo The function of , Need to give in advance php Load this dll or so, stay php.ini Revision in China ：

The final effect of the verification code function is ：

 

First, add related libraries ：

composer require mews/captcha --ignore-platform-req=ext-fileinfo

  Then generate the corresponding config file ：

php artisan vendor:publish

Enter your side mews/captcha Related options ：

Here are the options 11.

The default verification code is 9 position , There's too much here , Can't see , Modify the captcha.php

<?php

return [
    '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' => 5,
        'width' => 120,
        'height' => 36,
        'quality' => 90,
        'math' => false,
        'expire' => 60,
        'encrypt' => false,
    ],
    ......
    ......
];

here default.length The size of was originally 9 Of , I changed it to 5.

Generate corresponding Controller

php artisan make:controller CaptchaValidationController

stay CaptchaValidationController.php Generate verification code in ：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class CaptchaValidationController extends Controller
{
    public function reloadCaptcha()
    {
        return response()->json(['captcha'=> captcha_img()]);
    }
}

Here it is. Controller It's the verification code service . It's done. .

Here's how to use .

front end ：

JS relevant ：

<script type="text/javascript">

    $('#captchaImg').click(function(){
        $(this).prop('src',"{
   {captcha_src()}}" + Math.random(1000,9999));
    });
</script>

 HTML relevant ：

<div class="row">
	<div class="col" style="max-width: 140px">
		<img src="{
   { captcha_src() }}" id="captchaImg" >
	</div>
	<div class="col pull-left ">
		<input type="text" autocomplete="off" placeholder=" Verification Code " id="captcha" class="form-control" name="captcha">
	</div>
</div>

Back end ：

public function customLogin(Request $request)
    {
        $request->validate([
            'email' => 'required|email',
            'password' => 'required|min:6|max:128',
            'captcha' => 'required|captcha'
        ]);
		......
		......
}

here Laravel I handled it myself , We just add captcha, That's all right. . I feel that there is a lot less logic judgment code than other languages .