thinkphp5.0 实现图片验证效果且能点击图片刷新图片

2021-07-09 09:07

阅读：570

YPE html>

标签：htm extends think app html span 文件上传 fetch cli

思路与文件上传相同,只是验证码一个方法:

"{:captcha_src()}"  />

后台文件:app\ceshi\yam

php
namespace app\ceshi\controller;
use think\Controller;
use think\Db;

class Yzm extends Controller{

    public  function index()
    {
        return $this->fetch();
    }

    public function check($code=‘‘)
    {
        $captcha = new \think\captcha\Captcha();
        if(!$captcha->check($code)) {
            $this->error(‘验证码错误‘);
        }
        else {

            $this->success(‘验证码正确‘);

        }



    }



}

前端文件:yzm/index.html

"UTF-8">
    图片验证示例图片验证示例

    
    "post" class="form" action="{:url(‘check‘)}" name=‘tj‘>

        "code" type="text" placeholder="请输入验证码" style="width:100px;">
        

                
                "verify_img" src="{:captcha_src()}"  alt="请点击刷新验证码" onclick="this.src=‘{:captcha_src()}‘+‘?‘+Math.random()"/>



        
        
        "margin-top:30px;">"tj" type="submit" class="button" value="提交">