本篇博客介紹使用gregwar/captcha實(shí)現(xiàn)驗(yàn)證碼的具體操作步驟,以及可能遇到的問題和解決辦法。
操作步驟:
1.在laravel5.4項(xiàng)目根目錄下找到 composer.json 這個(gè)文件,
添加 "gregwar/captcha": "dev-master" 和 "Gregwar\Captcha\": "vendor/Captcha/" 到composer.json文件中,如下圖所示,
接下來,在項(xiàng)目根目錄執(zhí)行composer update,然后再執(zhí)行composerdump-autoload 命令。
第二種方法:
添加
"gregwar/captcha": "1.*" 到composer.json這個(gè)文件中,如下圖所示。
2. 然后打開命令行,找到項(xiàng)目的根目錄,運(yùn)行composer update,
可以看到這個(gè)擴(kuò)展庫已經(jīng)下載好了,
3.接下來,就可以正常使用驗(yàn)證碼了,
先定義路由:
接下來,介紹兩種顯示驗(yàn)證碼的情況:
一、直接在網(wǎng)頁上輸出驗(yàn)證碼圖片
在控制層里新建一個(gè)codeController.php,1 <?php2 namespace AppHttpControllers;
use AppHttpRequests; use AppHttpControllersController; use IlluminateHttpRequest; //引用對應(yīng)的命名空間 use GregwarCaptchaCaptchaBuilder; 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圖片的格式輸出 } }
然后在瀏覽器里訪問之前定義好的路由,直接訪問這個(gè)方法,就能看到輸出的驗(yàn)證碼了
第二種方法:在表單里顯示驗(yàn)證碼,把上面該文件路徑寫到<img>標(biāo)簽的src屬性中,
顯示如下:
這里有兩個(gè)問題需要注意,照著下面的方法去直接輸出驗(yàn)證碼,你會(huì)發(fā)現(xiàn)驗(yàn)證碼顯示不出來,反而是一堆亂碼,
public function code($tmp) { //生成驗(yàn)證碼圖片的Builder對象,配置相應(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)獲取到了,是圖片生成部分出的問題,
// header("Cache-Control: no-cache, must-revalidate"); 這行代碼的作用是清除緩存,防止出現(xiàn)驗(yàn)證碼不能刷新或顯示不出來的情況,但是并沒有起作用,改用 ob_clean(); 去清除瀏覽器緩存。[/code]
然后是
header('Content-Type: image/jpeg'); $builder->output();
這兩句話的問題,
$builder->output();
返回的只是驗(yàn)證碼圖片的一些信息,并不是一張圖片,所以當(dāng)把它直接輸出時(shí),出來的并不是一張圖片。
只有這樣寫
$buildGer->output()->header('Content-type','image/jpeg')
直接輸出的時(shí)候,才會(huì)以圖片的形式直接輸出驗(yàn)證碼。[/code]
當(dāng)把它放到<img>的src屬性中,<img>標(biāo)簽會(huì)自動(dòng)以圖片的格式輸出它,也就是說
header('Content-type','image/jpeg')
這時(shí)候這句話是沒必要的,所以不管是
$buildGer->output())->header('Content-type','image/jpeg')
這樣寫,還是
header('Content-Type: image/jpeg');$builder->output();
這樣寫,結(jié)果都會(huì)顯示驗(yàn)證碼圖片。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持綠夏網(wǎng)。