<video id="h99qi"><ins id="h99qi"><span id="h99qi"></span></ins></video>

        <var id="h99qi"><td id="h99qi"></td></var>
        1. <acronym id="h99qi"></acronym>
          <wbr id="h99qi"><code id="h99qi"><span id="h99qi"></span></code></wbr>

          1. <var id="h99qi"><th id="h99qi"></th></var>
            0712-2888027 189-8648-0214
            微信公眾號

            孝感風信網絡科技有限公司微信公眾號

            當前位置:主頁 > 技術支持 > PHP > Laravel 5.4.*中gregwar/captcha驗證碼類的使用

            Laravel 5.4.*中gregwar/captcha驗證碼類的使用

            時間:2024-01-23來源:風信官網 點擊: 1815次
            gregwar/captcha驗證碼類庫是在Laravel中比較常用的一種驗證碼
            Laravel 5.4.*中gregwar/captcha驗證碼類的使用

            安裝及使用說明如下:
            1-1G221112P1-51.jpg

            composer.json中如下加入配置:

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

            更新composer

            $ composer update
            1-1G221112P1-50.jpg

            更新完成之后在vendor文件夾下會包含gregwar文件夾擴展包
            1-1G221112P1.jpg

            使用說明

            在你需要產生驗證碼的控制器中:

            ①命名空間

            use Gregwar\Captcha\CaptchaBuilder;//

            ②方法中這樣寫

             //形成驗證碼方法,樓主試驗了幾次,這個產生的返回值是寫在img標簽的src那里的
                public function getCheckCode()
                {
                    //創建驗證碼對象
                    $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="驗證碼" 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("獲取驗證碼失??!");
                            }
                        }
                    })
                }
            </script>
            注意,路徑根據實際情況更換自己的請求路徑


            根據具體的開發需求,可以有很多種方式去使用。

            • 可以將驗證碼圖片保存文件:
            <?php
            
            $builder->save('out.jpg');
            
            • 可以直接輸出圖片到網頁:
            <?php
            
            header('Content-type: image/jpeg');
            $builder->output();
            
            • 可以生成內聯圖片:
            <img src="<?php echo $builder->inline(); ?>" />
            

            以下演示了其中一種使用方式,直接輸出圖片到網頁。

            我定義了一個Controller:

            <?php namespace App\Http\Controllers;
            
            use App\Http\Requests;
            use App\Http\Controllers\Controller;
            
            use Illuminate\Http\Request;
            
            //引用對應的命名空間
            use Gregwar\Captcha\CaptchaBuilder;
            use Session;
            
            class KitController extends Controller {
            
                /**
                 * Display a listing of the resource.
                 *
                 * @return Response
                 */
                public function captcha($tmp)
                {
                            //生成驗證碼圖片的Builder對象,配置相應屬性
                    $builder = new CaptchaBuilder;
                    //可以設置圖片寬高及字體
                    $builder->build($width = 100, $height = 40, $font = null);
                    //獲取驗證碼的內容
                    $phrase = $builder->getPhrase();
            
                    //把內容存入session
                    Session::flash('milkcaptcha', $phrase);
                    //生成圖片
                    header("Cache-Control: no-cache, must-revalidate");
                    header('Content-Type: image/jpeg');
                    $builder->output();
                }
            
            }
            
            

            下面我們可以設置相應的router訪問這個驗證碼圖片, 修改router.php:

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

            現在可以通過具體的url,可以訪問看到這張圖片了

            驗證碼

            表單內部寫的比較簡單,看看即可:

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

            $userInput = \Request::get('captcha');
            
            if (Session::get('milkcaptcha') == $userInput) {
                //用戶輸入驗證碼正確
                return '您輸入驗證碼正確';
            } else {
                //用戶輸入驗證碼錯誤
                return '您輸入驗證碼錯誤';
            }
            

            至此,驗證碼就完成了。

            熱門關鍵詞: Laravel gregwar/captcha 驗證碼類
            欄目列表
            推薦內容
            熱點內容
            展開
            亚洲精品在线视频_18禁无码毛片精品久久久久久_精品熟妇无码av免费久久_午夜福利片