tp5 验证码验证验证码刷新

我会带着你远行 2022-02-23 14:16 352阅读 0赞

首先使用`Composer`安装`think-captcha`扩展包：

composer require topthink/think-captcha

在控制器中使用下面的代码进行验证码生成：

<?php
    
    namespace app\index\controller;
    
    use think\Controller;
    use think\Request;
    use think\captcha\Captcha;
    class Code extends Controller
    {
        /**
         * 返回验证码接口
         *
         * @return \think\Response
         */
        public function verify()
        {
            $captcha = new Captcha();
            return $captcha->entry();    
        }
    }

访问[http://www.tp.cn/verify][http_www.tp.cn_verify]即可访问到:效果如下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjM4MTc2_size_16_color_FFFFFF_t_70][]

在模板中就可以使用下面的代码显示验证码图片

<img src="{:url('index/verify')}"   id='img' onclick="Code()" alt="captcha">

验证验证码是否正确：

// 检测输入的验证码是否正确，$value为用户输入的验证码字符串
    if( !captcha_check($value ))
    {
    	// 验证失败
    }

验证码刷新:

//验证码无刷新
    function Code() {
        		document.getElementById("img").src="{
       {url('Code')}}?"+Math.random();
    }

具体可以看官方文档：

[https://www.kancloud.cn/manual/thinkphp5\_1/354122][https_www.kancloud.cn_manual_thinkphp5_1_354122]

[http_www.tp.cn_verify]: http://www.tp.cn/verify
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjM4MTc2_size_16_color_FFFFFF_t_70]: /images/20220223/a214a11c6f58445ebd7daad98f0ade9d.png
[https_www.kancloud.cn_manual_thinkphp5_1_354122]: https://www.kancloud.cn/manual/thinkphp5_1/354122

发表评论取消回复

表情：

评论列表（有 0 条评论，352人围观）

还没有评论，来说两句吧...

相关阅读

相关 tp验证码

在服务层通过info方法查询有没有缓存然后查询数据库里有没有，返回一个关键字到控制层。控制层根据关键字（是否开启验证码）来调用utils来创建验证码信息返回给前端。登录

电玩女神/ 2022年09月10日 07:10/ 0 赞/ 194 阅读

相关验证码

验证码的验证是我们登陆网页时经常进行的操作，我也做了一个简单的验证码，包括颜色以及噪线等等 @RequestMapping(value = "/Frame/Verif

r囧r小猫/ 2022年07月16日 08:28/ 0 赞/ 232 阅读

相关 tp5验证码js快捷刷新

tp5验证码在config中配置 ![70][] js快捷刷新 <img οnclick="javascript:this.src=this.src+'?time

墨蓝/ 2022年05月20日 02:06/ 0 赞/ 161 阅读

相关验证码

1、需求在访问登录页面时，需要生产验证码。从而防止用户使用程序恶意登录。 2、代码实现步骤1：修改登录页面，确定验证码图片显示的位置 !

柔光的暖阳◎/ 2022年03月21日 16:10/ 0 赞/ 264 阅读

相关 servlet生成验证码和点击刷新验证码

javaweb项目，有两个文件，一个java文件，用来生成验证码并输出到servlet输出流中。一个html文件，用来写组件和点击事件，刷新验证码。 CodeServlet.

- 日理万妓/ 2022年03月21日 06:46/ 0 赞/ 475 阅读

相关 tp5 验证码验证验证码刷新

首先使用`Composer`安装`think-captcha`扩展包： composer require topthink/think-captcha 在控制器中使

我会带着你远行/ 2022年02月23日 14:16/ 0 赞/ 353 阅读

相关验证码---短信验证码

最近自学了短信的验证码实现。以下是自己用的一种方法实现的完整的过程。短信验证登陆(前端+后台) 1、前端填写手机号以及点击触发，以电话号码为参数调用发送验证登录短信方法并

青旅半醒/ 2022年01月09日 08:53/ 0 赞/ 624 阅读

相关验证码

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

╰半橙微兮°/ 2021年12月23日 13:47/ 0 赞/ 362 阅读

相关验证码

<% @ WebHandler Language = " C\ " Class = " code " %> using System; using

亦凉/ 2021年11月24日 01:36/ 0 赞/ 357 阅读

相关验证码

js <img id="validateCode\_img" src="/handerashx/VerifyCode.ashx" width="90" height="

比眉伴天荒/ 2021年09月11日 04:12/ 0 赞/ 447 阅读