验证码的生成以及页面展示

tp3.2验证码

1.验证码的生成

$verify = new \Think\Verify();
public function verify()
    {
        $config =    array(
            'fontSize'    =>    19,    // 验证码字体大小
            'length'      =>    4,     // 验证码位数
            'useNoise'    =>    false, // 关闭验证码杂点
        );
        $Verify = new Verify($config);
        $Verify->entry();
    }

2.在view中显示

<div class="layui-form-item">
   <label class="layui-form-label">验证码:</label>
    <div class="layui-input-inline">
        <input type="text" name="code" class="layui-input" lay-verify="code" placeholder="验证码" maxlength="4"/><img
            src="{:U('Login/verify',array())}"  alt="" id="yzm" style="width: 190px; height: 50px;margin-left:-2px; ">
    </div>
</div>

3.点击验证码图片进行刷新验证码

$("#yzm").click(function() {
   var verifyURL ="{:U('Login/verify')}";
   var time = new Date().getTime();
   $("#yzm").attr({
    "src" : verifyURL
   });
   var src=$('#yzm').attr('src');
 });

猜你喜欢

转载自blog.csdn.net/sinat_37961845/article/details/84286144