gregwar/captcha驗(yàn)證碼類庫(kù)是在Laravel中比較常用的一種驗(yàn)證碼

安裝及使用說明如下：

composer.json中如下加入配置：

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

更新composer

$ composer update

更新完成之后在vendor文件夾下會(huì)包含gregwar文件夾擴(kuò)展包

使用說明

在你需要產(chǎn)生驗(yàn)證碼的控制器中：

①命名空間

use Gregwar\Captcha\CaptchaBuilder;//

②方法中這樣寫

 //形成驗(yàn)證碼方法，樓主試驗(yàn)了幾次，這個(gè)產(chǎn)生的返回值是寫在img標(biāo)簽的src那里的
    public function getCheckCode()
    {
        //創(chuàng)建驗(yàn)證碼對(duì)象
        $builder = new CaptchaBuilder;
        $builder->build($width = 120, $height = 40,$font = null);
        $phrase = $builder->getPhrase();
        Session::flash("checkcode", $phrase);
        header("Cache-Control: no-cache, must-revalidate");
        header("Content-Type: image/jpeg");
        return $builder->output();
    }

③：模板文件中這樣寫

<div class="row cl">
     <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe63f;</i></label>
     <div class="formControls col-xs-8">
          <input name="checkcode" class="input-text radius size-L" type="text" placeholder="驗(yàn)證碼" value="" style="width:150px;">
          <img src="{{URL('/admin/login/getCheckCode')}}" id="checkcodeimg" class="radius"> <a id="kanbuq" href="javascript:;" onClick="againCode()">看不清，換一張</a>
     </div>
</div>

④：js部分這樣寫

<script type="text/javascript">
    function againCode(){
        $.ajax({
            url: '/admin/login/getCheckCode',
            type: 'GET',
            success: function(data){
                if(data){
                    var urls =$('#checkcodeimg').attr('src');
                    $("#checkcodeimg").attr('src', urls);
                }else{
                    alert("獲取驗(yàn)證碼失??！");
                }
            }
        })
    }
</script>

注意，路徑根據(jù)實(shí)際情況更換自己的請(qǐng)求路徑

根據(jù)具體的開發(fā)需求，可以有很多種方式去使用。

• 可以將驗(yàn)證碼圖片保存文件：

<?php

$builder->save('out.jpg');

• 可以直接輸出圖片到網(wǎng)頁(yè)：

<?php

header('Content-type: image/jpeg');
$builder->output();

• 可以生成內(nèi)聯(lián)圖片：

<img src="<?php echo $builder->inline(); ?>" />

以下演示了其中一種使用方式，直接輸出圖片到網(wǎng)頁(yè)。

我定義了一個(gè)Controller：

<?php namespace App\Http\Controllers;

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

use Illuminate\Http\Request;

//引用對(duì)應(yīng)的命名空間
use Gregwar\Captcha\CaptchaBuilder;
use Session;

class KitController extends Controller {

    /**
     * Display a listing of the resource.
     *
     * @return Response
     */
    public function captcha($tmp)
    {
                //生成驗(yàn)證碼圖片的Builder對(duì)象，配置相應(yīng)屬性
        $builder = new CaptchaBuilder;
        //可以設(shè)置圖片寬高及字體
        $builder->build($width = 100, $height = 40, $font = null);
        //獲取驗(yàn)證碼的內(nèi)容
        $phrase = $builder->getPhrase();

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

}

下面我們可以設(shè)置相應(yīng)的router訪問這個(gè)驗(yàn)證碼圖片, 修改router.php：

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

現(xiàn)在可以通過具體的url，可以訪問看到這張圖片了

驗(yàn)證碼

表單內(nèi)部寫的比較簡(jiǎn)單，看看即可：

<input type="text" name="captcha" class="form-control" style="width: 300px;">
          <a onclick="javascript:re_captcha();" ><img src="{{ URL('kit/captcha/1') }}"  alt="驗(yàn)證碼" 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提交頁(yè)面驗(yàn)證相應(yīng)驗(yàn)證碼，庫(kù)中也為我們提供了相應(yīng)方法：

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

if (Session::get('milkcaptcha') == $userInput) {
    //用戶輸入驗(yàn)證碼正確
    return '您輸入驗(yàn)證碼正確';
} else {
    //用戶輸入驗(yàn)證碼錯(cuò)誤
    return '您輸入驗(yàn)證碼錯(cuò)誤';
}

至此，驗(yàn)證碼就完成了。