Laravel的验证码库gregwar/captcha


转载自:http://www.jianshu.com/p/8e4ac7852b5a

在Laravel中有很多图片验证码的库可以使用,本篇介绍其中之一:gregwar/captcha,这个库比较简单,在Laravel中比较常用。下面我们就来介绍下使用细节:


首先, composer.json中如下加入配置:

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

然后,已成习惯的命令:

composer update

接下来就可以正常使用了,根据具体的开发需求,可以有很多种方式去使用。

  • 可以将验证码图片保存文件:
<?php

$builder->save('out.jpg');
  • 可以直接输出图片到网页:
<?php

header('Content-type: image/jpeg');
$builder->output();
  • 可以生成内联图片:
<img src="<?php echo $builder->inline(); ?>" />

以下演示了其中一种使用方式,直接输出图片到网页。

我定义了一个Controller:

<?php namespace App\Http\Controllers;

use App\Http\Requests;
use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

//引用对应的命名空间
use Gregwar\Captcha\CaptchaBuilder;
use Session;

class KitController extends Controller {

    /**
     * Display a listing of the resource.
     *
     * @return Response
     */
    public function captcha($tmp)
    {
                //生成验证码图片的Builder对象,配置相应属性
        $builder = new CaptchaBuilder;
        //可以设置图片宽高及字体
        $builder->build($width = 100, $height = 40, $font = null);
        //获取验证码的内容
        $phrase = $builder->getPhrase();

        //把内容存入session
        Session::flash('milkcaptcha', $phrase);
        //生成图片
        header("Cache-Control: no-cache, must-revalidate");
        header('Content-Type: image/jpeg');
        $builder->output();
    }

}

下面我们可以设置相应的router访问这个验证码图片, 修改router.php:

Route::get('kit/captcha/{tmp}', 'KitController@captcha');

现在可以通过具体的url,可以访问看到这张图片了


验证码

表单内部写的比较简单,看看即可:

<input type="text" name="captcha" class="form-control" style="width: 300px;">
          <a onclick="javascript:re_captcha();" ><img src="{{ URL('kit/captcha/1') }}"  alt="验证码" title="刷新图片" width="100" height="40" id="c2c98f0de5a04167a9e427d883690ff6" border="0"></a>

<script>  
  function re_captcha() {
    $url = "{{ URL('kit/captcha') }}";
        $url = $url + "/" + Math.random();
        document.getElementById('c2c98f0de5a04167a9e427d883690ff6').src=$url;
  }
</script>

最后就是在form提交页面验证相应验证码,库中也为我们提供了相应方法:

$userInput = $request->get('captcha');

if($builder->testPhrase($userInput)) {
    //用户输入验证码正确
    return '您输入验证码正确';
} else {
    //用户输入验证码错误
    return '您输入验证码错误';
}

至此,验证码就完成了。 如有疑问,欢迎回复探讨。

补充

在form表单提交验证的代码写的比较草率,给读者带来了歧义,在此有个补充(感谢 一块黄布 的回复):
$builder->testPhrase($userInput) 这里的$builder与生成验证码的$builder为同一个,如果重新new,则一直会验证失败。我们可以从源码中看到:

public function testPhrase($phrase)

 {

 return ($this->builder->niceize($phrase) == $this->builder->niceize($this->getPhrase()));

 }

验证码正确性判断,也可以由下列方式来验证:

$userInput = \Request::get('captcha');

if (Session::get('milkcaptcha') == $userInput) {
    //用户输入验证码正确
    return '您输入验证码正确';
} else {
    //用户输入验证码错误
    return '您输入验证码错误';
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为了在Laravel中实现验证码功能,可以按照以下步骤进行操作: 1. 首先,在终端中输入以下命令来安装验证: composer require gregwar/captcha 2. 接下来,需要定义一个验证码的路由。可以在路由文件中添加以下代码: ```php Route::get('captcha','UserController@captcha'); ``` 3. 在对应的控制器中引入验证码类。可以使用以下代码导入验证码类: ```php use Gregwar\Captcha\CaptchaBuilder; ``` 4. 在控制器中编写生成验证码的方法。可以使用以下代码: ```php public function captcha(){ $builder = new CaptchaBuilder; $builder->build(); session(['yzm' => strtoupper($builder->getPhrase())]); header('Content-type:image/jpeg'); $builder->output(); } ``` 5. 最后,在前端页面中渲染验证码。可以使用以下代码: ```html <label for="imgcode">验证码:</label> <input type="text" name="imgcode" class="" id='imgcode' placeholder="请输入图形验证码"> <img src="{{url('captcha')}}" alt="换一张" class="get-code" height="36" width="80" onclick="this.src='{{url('captcha')}}?' + Math.random()"> @if($errors->has('imgcode')) <p id="ageError" style="color:red;" class="error">{{$errors->first('imgcode')}}</p> @endif ``` 以上是在Laravel中实现验证码的步骤。首先,需要安装`gregwar/captcha`,并添加验证码路由。然后,在控制器中编写生成验证码的方法,将验证码存储在session中,并在模板中显示出来。最后,在前端页面中添加相应的HTML代码来渲染验证码,并实现点击刷新验证码的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值