随心的博客

好记性不如个烂笔头,随心记录!

返回顶部

TP6框架设置验证码的宽度和高度后,验证码显示不全

 
在tp6验证码的配置文件中设置宽度和高度后,原本显示4位字母,只能显示2-3位,还显示不全,晕死了。

解决办法:
不要再验证码配置文件中设置宽度和高度,直接恢复为0,然后在前端调用的时候,设置宽高即可,要使用自定义的验证码方便一些
 
前端代码:
html:
<img src="/admin/login/loginYzm"  onclick="changeYzm()" 
style="width: 130px;height: 50px;" class="layadmin-user-login-codeimg" id="vercode_img">

JS:
 <script type = 'text/javascript'>
    function changeYzm()
    {
        var time = Math.random();
        $("#vercode_img").attr('src',"/admin/login/loginYzm?rands="+time);
    }
    </script>

 

控制器代码:

//页面顶部引入类
use think\captcha\facade\Captcha;

//验证码
public function loginYzm()
{
     return Captcha::create(); 
}

 

 
 

posted @ 2021-10-27 13:13  yangphp  阅读(485)  评论(0编辑  收藏  举报