美文网首页
使用WebAPI实现图形验证码的步骤

使用WebAPI实现图形验证码的步骤

作者: 念念碎平安夜 | 来源:发表于2019-12-30 14:09 被阅读0次
一、登录腾讯验证码接入平台

腾讯验证码接入平台
接入与帮助->快速开始->登录...

二、新建验证码配置

根据配置文档进行配置

三、根据接入文档,编写调用代码(获取到APPID)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>6.3腾讯验证框架实现图形验证码</title>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
<script type="text/javascript">
    function vali() {
        var valicode = new TencentCaptcha('2092907681', function(res) {
            if (res.ret == 0) {
                var form = document.getElementById("form1");
                form.submit();
            } else {
                alert("验证出错!");
            }
        });
        valicode.show();
    }
</script>
</head>
<body>
    <form id="form1" method="post" action="index.jsp">
        <div>
            <input type="button" value="登录" id="btnOK" onclick="vali()" />
        </div>
    </form>
</body>
</html>
四、前台页面调用并验证
<body>
This is my JSP page.
</body>

相关文章

网友评论

      本文标题:使用WebAPI实现图形验证码的步骤

      本文链接:https://www.haomeiwen.com/subject/bcidoctx.html