zoukankan      html  css  js  c++  java
  • Thinkphp5 captcha扩展包安装,验证码验证以及点击刷新

    首先下载 captcha扩展包,↓ 下载附件,解压到vendor目录下:


    然后进入application/config.php添加配置信息:

    //验证码
          'captcha'  => [
            // 验证码字符集合
            'codeSet'  => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY',
            // 验证码字体大小(px),根据所需进行设置验证码字体大小
            'fontSize' => 30,
            // 是否画混淆曲线
            'useCurve' => true,
            // 验证码图片高度,根据所需进行设置高度
            'imageH'   => '',
            // 验证码图片宽度,根据所需进行设置宽度
            'imageW'   => '',
            // 验证码位数,根据所需设置验证码位数
            'length'   => 4,
            // 验证成功后是否重置
            'reset'    => true
        ],

    html页面:

    <div>
        <img id="verify_img" src="{:captcha_src()}" alt="验证码" onclick="refreshVerify()">
        <a href="javascript:refreshVerify()">点击刷新</a>
    </div>
    <form action="{:url('index/check')}" method="post">
        <input type="text" name = "verify">
        <input type="submit" value = "提交">
    </form>
    <script>
        function refreshVerify() {
            var ts = Date.parse(new Date())/1000;
            var img = document.getElementById('verify_img');
            img.src = "/captcha?id="+ts;
        }
    </script>
  • 相关阅读:
    质量属性--信息技术手册
    蓝桥杯赛前整理
    感悟:荔枝架构实践与演进历程
    以《淘宝网》为例,描绘质量属性的六个常见属性场景
    感悟:淘宝架构演进背后——零售业务中台架构设计探讨及实践
    为什么要考研???
    寒假学习笔记03
    寒假学习笔记02
    寒假学习笔记01
    数据清洗与数据处理
  • 原文地址:https://www.cnblogs.com/niuben/p/10024075.html
Copyright © 2011-2022 走看看