Ps:gregwar/captcha在Composer下载排行中长居第一名榜位。好用的工具大家都推荐,这个验证码工具作者本人也在很多项目中运用到了。给大家推荐的同时分享点经验。
第一步:安装方法
1.在项目根目录执行下列命令
composer require gregwar/captcha
2.在composer.json中添加:
"require": {
...
...
"gregwar/captcha": "1.*"
},
然后执行composer update
这样安装就算完成了。
第二步:使用方法
命名空间引入
use Gregwar\Captcha\CaptchaBuilder; use Gregwar\Captcha\PhraseBuilder;
下面给大家一个完整的例子
路由定义(注意:该路由放在中间件外)
Route::get('/code/captcha/{tmp}', 'Admin\LoginController@captcha');
验证码生成
public function captcha($tmp)
{
$phrase = new PhraseBuilder;
// 设置验证码位数
$code = $phrase->build(6);
// 生成验证码图片的Builder对象,配置相应属性
$builder = new CaptchaBuilder($code, $phrase);
// 设置背景颜色
$builder->setBackgroundColor(220, 210, 230);
$builder->setMaxAngle(25);
$builder->setMaxBehindLines(0);
$builder->setMaxFrontLines(0);
// 可以设置图片宽高及字体
$builder->build($width = 100, $height = 40, $font = null);
// 获取验证码的内容
$phrase = $builder->getPhrase();
// 把内容存入session
\Session::flash('code', $phrase);
// 生成图片
header("Cache-Control: no-cache, must-revalidate");
header("Content-Type:image/jpeg");
$builder->output();
}
模板案例
<input name="captcha" type="text" placeholder="验证码">
<a onclick="javascript:re_captcha();">
![]({{ URL('/code/captcha/1') }})
</a>
Js点击换验证码
<script type="text/javascript">
function re_captcha() {
$url = "{{ URL('/code/captcha') }}";
$url = $url + "/" + Math.random();
document.getElementById('127ddf0de5a04167a9e427d883690ff6').src = $url;
}
</script>
如何验证(由于是案例 我只做最基础的验证)
public function store(Request $request)
{
$userInput = \Request::get('captcha');
if (Session::get('milkcaptcha') == $userInput) {
//用户输入验证码正确
return '您输入验证码正确';
} else {
//用户输入验证码错误
return '您输入验证码错误';
}
}
本文根据 //www.greatytc.com/p/8e4ac7852b5a 整理与实现。