Laravel 验证码组件 gregwar/captcha

断水流大撕兄

已于 2023-03-15 15:02:22 修改

阅读量450

点赞数

分类专栏： php 实战文章标签： laravel php 开发语言

于 2023-03-15 14:51:15 首次发布

本文链接：https://blog.csdn.net/Mr_Roki/article/details/129555145

版权

实战同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

php

7 篇文章 0 订阅

订阅专栏

Ps：gregwar/captcha在Composer下载排行中长居第一名榜位。好用的工具大家都推荐，这个验证码工具作者本人也在很多项目中运用到了。给大家推荐的同时分享点经验。

在这里插入图片描述

一，安装方法

1.在项目根目录下执行：

composer require gregwar/captcha

2.在composer.json中添加：

  "require": {
    ...
    ...
    "gregwar/captcha": "1.*"
},

然后执行 composer update

这样安装就算完成了。

二，使用方法

1.命名空间

use Gregwar\Captcha\CaptchaBuilder;
use Gregwar\Captcha\PhraseBuilder;

下面给大家一个完整的例子

2.路由定义（注意：该路由放置中间件外）

Route::get('/code/captcha/{tmp}', 'Admin\LoginController@captcha');

3.控制器

// 验证码生成
public function captcha($tmp)
{

    $phrase = new PhraseBuilder;
    // 设置验证码位数
    $code = $phrase->build(6);
    // 生成验证码图片的Builder对象，配置相应属性
    $builder = new CaptchaBuilder($code, $phrase);
    // 设置背景颜色
    $builder->setBackgroundColor(220, 210, 230);
    $builder->setMaxAngle(25);
    $builder->setMaxBehindLines(0);
    $builder->setMaxFrontLines(0);
    // 可以设置图片宽高及字体
    $builder->build($width = 100, $height = 40, $font = null);
    // 获取验证码的内容
    $phrase = $builder->getPhrase();
    // 把内容存入session
    \Session::flash('code', $phrase);
    // 生成图片
    header("Cache-Control: no-cache, must-revalidate");
    header("Content-Type:image/jpeg");
    $builder->output();
}

4.模版

<input name="captcha" type="text" placeholder="验证码">
<a onclick="javascript:re_captcha();">
<img src="{{ URL('/code/captcha/1') }}" id="127ddf0de5a04167a9e427d883690ff6">
</a>

5.Js点击换验证码

<script type="text/javascript">
function re_captcha() {
    $url = "{{ URL('/code/captcha') }}";
    $url = $url + "/" + Math.random();
        document.getElementById('127ddf0de5a04167a9e427d883690ff6').src = $url;
    }
</script>

6. 如何验证（由于是案例，大湿兄只做最基础的验证）

 public function store(Request $request)
{

    //
    $data = \Input::all();
    //验证码验证
    if ($data['captcha'] != \Session::get('code')) {
        return back()
            ->withErrors('验证码错误!');
    }
 }