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(); }
但行好事,莫问前程!
本文来自博客园,作者:yangphp,转载请注明原文链接:https://www.cnblogs.com/ypeih/p/15470192.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?