原創(chuàng)作品茫打,允許轉(zhuǎn)載,轉(zhuǎn)載時(shí)請(qǐng)務(wù)必以超鏈接形式標(biāo)明原始出處椎组、作者信息和本聲明然眼,否則后果自負(fù)培廓。
如果你覺(jué)得這篇文章對(duì)你有幫助或啟發(fā)卦睹,可直接留言和我溝通**
在Laravel中有很多圖片驗(yàn)證碼的庫(kù)可以使用越妈,本篇介紹其中之一:gregwar/captcha泪勒,這個(gè)庫(kù)比較簡(jiǎn)單跌前,在Laravel中比較常用棕兼。下面我們就來(lái)介紹下使用細(xì)節(jié):
首先, composer.json中如下加入配置:
"require": {
...
"gregwar/captcha": "1.*"
},
然后,已成習(xí)慣的命令:
composer update
接下來(lái)就可以正常使用了抵乓,根據(jù)具體的開(kāi)發(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訪問(wèn)這個(gè)驗(yàn)證碼圖片, 修改router.php:
Route::get('kit/captcha/{tmp}', 'KitController@captcha');
現(xiàn)在可以通過(guò)具體的url咆贬,可以訪問(wèn)看到這張圖片了
表單內(nèi)部寫(xiě)的比較簡(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($builder->testPhrase($userInput)) {
//用戶(hù)輸入驗(yàn)證碼正確
return '您輸入驗(yàn)證碼正確';
} else {
//用戶(hù)輸入驗(yàn)證碼錯(cuò)誤
return '您輸入驗(yàn)證碼錯(cuò)誤';
}
至此掏缎,驗(yàn)證碼就完成了皱蹦。 如有疑問(wèn),歡迎回復(fù)探討眷蜈。
補(bǔ)充
在form表單提交驗(yàn)證的代碼寫(xiě)的比較草率沪哺,給讀者帶來(lái)了歧義,在此有個(gè)補(bǔ)充(感謝 一塊黃布 的回復(fù)):
$builder->testPhrase($userInput) 這里的$builder與生成驗(yàn)證碼的$builder為同一個(gè)酌儒,如果重新new辜妓,則一直會(huì)驗(yàn)證失敗。我們可以從源碼中看到:
public function testPhrase($phrase)
{
return ($this->builder->niceize($phrase) == $this->builder->niceize($this->getPhrase()));
}
驗(yàn)證碼正確性判斷忌怎,也可以由下列方式來(lái)驗(yàn)證:
$userInput = \Request::get('captcha');
if (Session::get('milkcaptcha') == $userInput) {
//用戶(hù)輸入驗(yàn)證碼正確
return '您輸入驗(yàn)證碼正確';
} else {
//用戶(hù)輸入驗(yàn)證碼錯(cuò)誤
return '您輸入驗(yàn)證碼錯(cuò)誤';
}