本篇博客介绍使用gregwar/captcha实现验证码的具体操作步骤,以及可能遇到的问题和解决办法。

操作步骤:

1.在laravel5.4项目根目录下找到 composer.json 这个文件,

laravel5.4生成验证码的代码

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

laravel5.4生成验证码的代码

接下来,在项目根目录执行composer update,然后再执行composerdump-autoload 命令。

第二种方法:

添加

"gregwar/captcha": "1.*" 到composer.json这个文件中,如下图所示。

laravel5.4生成验证码的代码

2. 然后打开命令行,找到项目的根目录,运行composer update,

laravel5.4生成验证码的代码

可以看到这个扩展库已经下载好了,

3.接下来,就可以正常使用验证码了,

先定义路由:

laravel5.4生成验证码的代码

接下来,介绍两种显示验证码的情况:

一、直接在网页上输出验证码图片

在控制层里新建一个codeController.php,1 <"htmlcode">

use App\Http\Requests;
use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

//引用对应的命名空间
use Gregwar\Captcha\CaptchaBuilder;
use Session;
class CodeController extends Controller{
  public function captcha($temp)
  {  
    $builder = new CaptchaBuilder();
    $builder->build(150,32);
       //获取验证码内容
    $phrase = $builder->getPhrase();
    //把内容存入session
    Session::flash('milkcaptcha', $phrase); //存储验证码
    ob_clean(); //清除缓存
    return response($builder->output())->header('Content-type','image/jpeg'); //把验证码数据以jpeg图片的格式输出
  }

}

然后在浏览器里访问之前定义好的路由,直接访问这个方法,就能看到输出的验证码了

laravel5.4生成验证码的代码

第二种方法:在表单里显示验证码,把上面该文件路径写到<img>标签的src属性中,

laravel5.4生成验证码的代码

显示如下:

laravel5.4生成验证码的代码

这里有两个问题需要注意,照着下面的方法去直接输出验证码,你会发现验证码显示不出来,反而是一堆乱码,

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

laravel5.4生成验证码的代码

输出一下$phrase,发现验证码内容已经获取到了,是图片生成部分出的问题,

// header("Cache-Control: no-cache, must-revalidate"); 这行代码的作用是清除缓存,防止出现验证码不能刷新或显示不出来的情况,但是并没有起作用,改用 ob_clean(); 去清除浏览器缓存。[/code]

然后是

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

这两句话的问题,

$builder->output();

返回的只是验证码图片的一些信息,并不是一张图片,所以当把它直接输出时,出来的并不是一张图片。

只有这样写

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

直接输出的时候,才会以图片的形式直接输出验证码。[/code]

当把它放到<img>的src属性中,<img>标签会自动以图片的格式输出它,也就是说

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

这时候这句话是没必要的,所以不管是

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

这样写,还是

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

这样写,结果都会显示验证码图片。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com