本篇博客介紹使用gregwar/captcha實(shí)現(xiàn)驗(yàn)證碼的具體操作步驟，以及可能遇到的問(wèn)題和解決辦法。

操作步驟：

1.在laravel5.4項(xiàng)目根目錄下找到 composer.json 這個(gè)文件，

添加 "gregwar/captcha": "dev-master" 和 "Gregwar\\Captcha\\": "vendor/Captcha/" 到composer.json文件中，如下圖所示，

接下來(lái)，在項(xiàng)目根目錄執(zhí)行composer update，然后再執(zhí)行composerdump-autoload 命令。

第二種方法：

添加

"gregwar/captcha": "1.*" 到composer.json這個(gè)文件中，如下圖所示。

2. 然后打開(kāi)命令行，找到項(xiàng)目的根目錄，運(yùn)行composer update，

可以看到這個(gè)擴(kuò)展庫(kù)已經(jīng)下載好了，

3.接下來(lái)，就可以正常使用驗(yàn)證碼了，

先定義路由：

接下來(lái)，介紹兩種顯示驗(yàn)證碼的情況：

一、直接在網(wǎng)頁(yè)上輸出驗(yàn)證碼圖片

在控制層里新建一個(gè)codeController.php,1 <?php2 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 CodeController extends Controller{
  public function captcha($temp)
  {　　
    $builder = new CaptchaBuilder();
    $builder->build(150,32);
　　　　　　　//獲取驗(yàn)證碼內(nèi)容
    $phrase = $builder->getPhrase();
    //把內(nèi)容存入session
    Session::flash('milkcaptcha', $phrase); //存儲(chǔ)驗(yàn)證碼
    ob_clean(); //清除緩存
    return response($builder->output())->header('Content-type','image/jpeg'); //把驗(yàn)證碼數(shù)據(jù)以jpeg圖片的格式輸出
  }

}

然后在瀏覽器里訪(fǎng)問(wèn)之前定義好的路由，直接訪(fǎng)問(wèn)這個(gè)方法，就能看到輸出的驗(yàn)證碼了

第二種方法：在表單里顯示驗(yàn)證碼，把上面該文件路徑寫(xiě)到<img>標(biāo)簽的src屬性中，

顯示如下：

這里有兩個(gè)問(wèn)題需要注意，照著下面的方法去直接輸出驗(yàn)證碼，你會(huì)發(fā)現(xiàn)驗(yàn)證碼顯示不出來(lái)，反而是一堆亂碼，

public function code($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();
}

輸出一下$phrase，發(fā)現(xiàn)驗(yàn)證碼內(nèi)容已經(jīng)獲取到了，是圖片生成部分出的問(wèn)題，

// header("Cache-Control: no-cache, must-revalidate"); 這行代碼的作用是清除緩存，防止出現(xiàn)驗(yàn)證碼不能刷新或顯示不出來(lái)的情況，但是并沒(méi)有起作用，改用 ob_clean(); 去清除瀏覽器緩存。[/code]

然后是

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

這兩句話(huà)的問(wèn)題，

$builder->output();

返回的只是驗(yàn)證碼圖片的一些信息，并不是一張圖片，所以當(dāng)把它直接輸出時(shí)，出來(lái)的并不是一張圖片。

只有這樣寫(xiě)

$buildGer->output()->header('Content-type','image/jpeg')

直接輸出的時(shí)候，才會(huì)以圖片的形式直接輸出驗(yàn)證碼。[/code]

當(dāng)把它放到<img>的src屬性中，<img>標(biāo)簽會(huì)自動(dòng)以圖片的格式輸出它，也就是說(shuō)

header('Content-type','image/jpeg')

這時(shí)候這句話(huà)是沒(méi)必要的，所以不管是

$buildGer->output())->header('Content-type','image/jpeg')

這樣寫(xiě)，還是

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

這樣寫(xiě)，結(jié)果都會(huì)顯示驗(yàn)證碼圖片。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論