laravel(五) 驗證碼

微齊天大聖.發表於2020-12-08

一. 建立如下圖檔案:/app/Tool/Validate/ValidateCode.php

 該檔案程式碼如下

<?php
namespace App\Tool\Validate;

//驗證碼類
class ValidateCode
{
    private $charset = 'abcdefghkmnprstuvwxyzABCDEFGHKMNPRSTUVWXYZ';//隨機字元庫
    private $code;//驗證碼
    private $codelen = 4;//驗證碼長度
    private $width = 130;//寬度
    private $height = 50;//高度
    private $img;//圖形資源控制程式碼
    private $font;//指定的字型
    private $fontsize = 20;//指定字型大小
    private $fontcolor;//指定字型顏色

    //構造方法初始化
    public function __construct()
    {
        $this->font = public_path() . '/font/Elephant.ttf';//字型包路徑
        $this->createCode();
    }
    //生成隨機碼
    private function createCode()
    {
        $code='';
        $_len = strlen($this->charset) - 1;
        for ($i = 0;$i < $this->codelen;++$i) {
            $code .= $this->charset[mt_rand(0, $_len)];
        }
        session(['code'=>strtolower($code)]);
        $this->code=strtolower($code);
    }
    //生成背景
    private function createBg()
    {
        $this->img = imagecreatetruecolor($this->width, $this->height);
        $color = imagecolorallocate($this->img, mt_rand(157, 255), mt_rand(157, 255), mt_rand(157, 255));
        imagefilledrectangle($this->img, 0, $this->height, $this->width, 0, $color);
    }
    //生成文字
    private function createFont()
    {
        $_x = $this->width / $this->codelen;
        for ($i = 0;$i < $this->codelen;++$i) {
            $this->fontcolor = imagecolorallocate($this->img, mt_rand(0, 156), mt_rand(0, 156), mt_rand(0, 156));
            imageTtfText($this->img, $this->fontsize, mt_rand(-30, 30), $_x * $i + mt_rand(1, 5), $this->height / 1.4, $this->fontcolor, $this->font, $this->code[$i]);
        }
    }
    //生成線條、雪花
    private function createLine()
    {
      //線條
      for ($i = 0;$i < 6;++$i) {
          $color = imagecolorallocate($this->img, mt_rand(0, 156), mt_rand(0, 156), mt_rand(0, 156));
          imageline($this->img, mt_rand(0, $this->width), mt_rand(0, $this->height), mt_rand(0, $this->width), mt_rand(0, $this->height), $color);
      }
      //雪花
      for ($i = 0;$i < 100;++$i) {
          $color = imagecolorallocate($this->img, mt_rand(200, 255), mt_rand(200, 255), mt_rand(200, 255));
          imagestring($this->img, mt_rand(1, 5), mt_rand(0, $this->width), mt_rand(0, $this->height), '*', $color);
      }
    }
    //輸出
    private function outPut()
    {
        header('Content-type:image/png');
        imagepng($this->img);
        imagedestroy($this->img);
    }
    //對外生成
    public function doimg()
    {
        $this->createBg();
        $this->createLine();
        $this->createFont();
        $this->outPut();
    }
}

二. 建立第二個檔案:\app\Http\ControllersValidateController.php

該檔案程式碼如下

<?php
namespace App\Http\Controllers;
use App\Tool\Validate\ValidateCode;
use App\Http\Controllers\Controller;

class ValidateController extends Controller
{
	/*
	*驗證碼
	 */
  public function create()
  {
    $validateCode = new ValidateCode;
    return $validateCode->doimg();
  }
}

三. 新增路由:routes/web.php 檔案中新增如下程式碼

// 驗證碼
Route::get('/create', 'ValidateController@create');

四. 呼叫驗證碼

<img src="/create" class="layui-input code" title="看不清,換一張" onclick="this.src='/create?'+Math.random()"'>

// /create 是新增路由裡面的路徑
// onclick="this.src='/create?'+Math.random()"' 這個是點選換一張,

五. 最後還有一個驗證碼字型檔案包:\public\font\Elephant.ttf

連結: https://pan.baidu.com/s/15ah-Di8Qm1Ac0GRSoK54Zg 提取碼: j396 複製這段內容後開啟百度網盤手機App,操作更方便哦

相關文章