legend3---laravel驗(yàn)證碼使用

一、總結(jié)

一句話總結(jié)：

1、先用composer下載好captcha擴(kuò)展：配置好composer.json然后運(yùn)行composer update

2、引入下載好的captcha庫(kù)：use Gregwar\Captcha\CaptchaBuilder;

?

1、lavarel中如何安裝captcha庫(kù)？

1、添加"gregwar/captcha": "1.*"? 到composer.json這個(gè)文件中

2、在composer.json這個(gè)文件夾中打開命令行，運(yùn)行composer update，

?

2、驗(yàn)證碼點(diǎn)擊自動(dòng)刷新？

js中讓img的src刷新：<div class="yz"><img src="{:captcha_src()}" οnclick="this.src=this.src+'?t='+Math.random()";></div>

?

3、img οnclick="this.src=this.src+'?t='+Math.random()" src="{{url('/captcha')}}" alt="驗(yàn)證碼圖片" 點(diǎn)擊刷新驗(yàn)證碼的問(wèn)題是什么，及如何解決？

因?yàn)槭?#43;'?t='+Math.random()，所以參數(shù)會(huì)越來(lái)越長(zhǎng)

解決的話就用js函數(shù)，直接原驗(yàn)證碼地址拼接就好

<img onclick="this.src=this.src+'?t='+Math.random()" src="http://legend3.com/captcha?t=0.27718960257251046?t=0.3208799525313262?t=0.5162236173489758?t=0.02132425618744005?t=0.9973185649191607?t=0.9189521155309017" alt="驗(yàn)證碼圖片">

?

<img onclick="re_captcha(this)" src="{{url('/captcha')}}" alt="驗(yàn)證碼圖片"><script>//驗(yàn)證碼刷新函數(shù)function re_captcha(m_this){let url="{{url('/captcha')}}";m_this.src=url+'?t='+Math.random();} </script>

?

?

?

?

二、laravel5.4生成驗(yàn)證碼

轉(zhuǎn)自或參考：laravel5.4生成驗(yàn)證碼
https://www.cnblogs.com/meng1314-shuai/p/7309445.html">laravel5.4生成驗(yà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í)行composer?dump-autoload 命令。

第二種方法：

添加

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

2. 然后打開命令行，找到項(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?<?php??2?namespace App\Http\Controllers;

3 4 use App\Http\Requests;5 use App\Http\Controllers\Controller;6 7 use Illuminate\Http\Request;8 9 //引用對(duì)應(yīng)的命名空間 10 use Gregwar\Captcha\CaptchaBuilder; 11 use Session; 12 class CodeController extends Controller{ 13 public function captcha($temp) 14 {　　 15 $builder = new CaptchaBuilder();
16 $builder->build(150,32);
　　　　　　　//獲取驗(yàn)證碼內(nèi)容 17 $phrase = $builder->getPhrase();
18 //把內(nèi)容存入session 19 Session::flash('milkcaptcha', $phrase); //存儲(chǔ)驗(yàn)證碼 20 ob_clean(); //清除緩存 21 return response($builder->output())->header('Content-type','image/jpeg'); //把驗(yàn)證碼數(shù)據(jù)以jpeg圖片的格式輸出 22 } 23 24 }

?

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

?

第二種方法：在表單里顯示驗(yàn)證碼，把上面該文件路徑寫到<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)的情況，
但是并沒有起作用，改用 ob_clean(); 去清除瀏覽器緩存。

?然后是?

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

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

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

只有這樣寫

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

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

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

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

這時(shí)候這句話是沒必要的，所以不管是

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

這樣寫，還是

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

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

原文地址：http://www.cnblogs.com/zbokett/p/7287235.html

?

?

三、驗(yàn)證碼簡(jiǎn)單實(shí)例

?

1、添加"gregwar/captcha": "1.*"? 到composer.json這個(gè)文件中

?

2、在composer.json這個(gè)文件夾中打開命令行，運(yùn)行composer update，

?

?

<?phpnamespace App\Http\Controllers\Home\Login;use App\Http\Controllers\Controller; use Illuminate\Http\Request; use Illuminate\Support\Facades\DB;use Gregwar\Captcha\CaptchaBuilder;class RegController extends Controller {// 注冊(cè)頁(yè)public function index(){return view('home.login.register');}// 注冊(cè)處理操作public function check(Request $request){}// 驗(yàn)證碼public function captcha(Request $request){$builder = new CaptchaBuilder();$builder->build(150,32);//獲取驗(yàn)證碼內(nèi)容$phrase = $builder->getPhrase();//把內(nèi)容存入session$request->session()->flash('milkcaptcha', $phrase); //存儲(chǔ)驗(yàn)證碼ob_clean(); //清除緩存return response($builder->output())->header('Content-type','image/jpeg'); //把驗(yàn)證碼數(shù)據(jù)以jpeg圖片的格式輸出 }}

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/Renyi-Fan/p/11330352.html

總結(jié)

以上是生活随笔為你收集整理的legend3---laravel验证码使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。