验证码相关组件

gregwar/captcha

项目地址 https://github.com/Gregwar/Captcha

安装

  1. composer require gregwar/captcha 1.*

使用

建立文件 app/controller/Login.php

  1. <?php
  2. namespace app\controller;
  4. use support\Request;
  5. use Gregwar\Captcha\CaptchaBuilder;
  7. class Login
  8. {
  9.     /**
  10.      * 测试页面
  11.      */
  12.     public function index(Request $request)
  13.     {
  14.         return view('login/index');
  15.     }
  17.     /**
  18.      * 输出验证码图像
  19.      */
  20.     public function captcha(Request $request)
  21.     {
  22.         // 初始化验证码类
  23.         $builder = new CaptchaBuilder;
  24.         // 生成验证码
  25.         $builder->build();
  26.         // 将验证码的值存储到session中
  27.         $request->session()->set('captcha', strtolower($builder->getPhrase()));
  28.         // 获得验证码图片二进制数据
  29.         $img_content = $builder->get();
  30.         // 输出验证码二进制数据
  31.         return response($img_content, 200, ['Content-Type' => 'image/jpeg']);
  32.     }
  34.     /**
  35.      * 检查验证码
  36.      */
  37.     public function check(Request $request)
  38.     {
  39.         // 获取post请求中的captcha字段
  40.         $captcha = $request->post('captcha');
  41.         // 对比session中的captcha值
  42.         if (strtolower($captcha) !== $request->session()->get('captcha')) {
  43.             return json(['code' => 400, 'msg' => '输入的验证码不正确']);
  44.         }
  45.         return json(['code' => 0, 'msg' => 'ok']);
  46.     }
  48. }

建立模版文件app/view/login/index.html

  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>验证码测试</title>  
  6. </head>
  7. <body>
  8.     <form method="post" action="/login/check">
  9.        <img src="/login/captcha" /><br>
  10.         <input type="text" name="captcha" />
  11.         <input type="submit" value="提交" />
  12.     </form>
  13. </body>
  14. </html>

进入页面http://127.0.0.1:8787/login 界面类似如下： 验证码相关组件 - 图1