使用WebAPI实现图形验证码的步骤
2019-12-30 本文已影响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>
