10、ThinkPhp引用自带类库实现登录验证码

阅读() @2018-01-07 22:20:24

在登录页面的控制器中添加如下方法:

//显示验证码
 public function verify(){
            import('ORG.Util.Image');
            Image::buildImageVerify(4,1,'png');
 }

buildImageVerify中的参数含义:

第一个参数表示:验证码中的字符个数;

第二个参数表示:验证码的类型(1-5),包括纯数字、纯英文、混合等。

第三个参数表示:验证码图片的格式,使用png格式要清晰一些!

在前端模板中定义使用路径:

JavaScript中定义路径:

var imageUrl = '{:U('Login/verify','',false,false)}';

在图片中使用以上路径:

<img src="{:U('Login/verify','',false,false)}" onclick="this.setAttribute('src',imageUrl+'/'+Math.random())" />

这样可以实现点击图片验证码进行切换的效果。

微信二维码
锐壳主机