随心的博客

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

返回顶部

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 @   yangphp  阅读(501)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示