verify是tp自带的,还挺好用的!
步骤:
1.控制器写好Controller方法。
<?php
namespace Admin\Controller;
use Think\Controller;
use Think\Verify;
class PublicController extends Controller {
/* 生成验证码 */
public function verify()
{
$config = [
'fontSize' => 18, // 验证码字体大小
'length' => 4, // 验证码位数
'imageW' => 0,
'imageH' => 0,
];
ob_end_clean();
$Verify = new Verify($config);
$Verify->entry();
}
/* 验证码校验 */
public function check_verify($code, $id = '')
{
$verify = new Verify();
$res = $verify->check($code, $id);
$this->ajaxReturn($res, 'json');
}
}
2.前端调用
<img id="verify_code_img" src="{:U('Admin/Public/verify')}" alt="">
//点击刷新验证码
$('#verify_code_img').click(function () {
var time=new Date().getTime();//注意:用time做假参数,有个妙用,这样是为了避免浏览器缓存了之前的图形验证码,而导致刷新无效果
var verifyURL = "{:U('Admin/Public/verify')}";
$("#verify_code_img").attr("src", verifyURL + "?" + time);
});
3.效果图