web端集成腾讯滑块验证官方文档代码实现效果本文使用mdnice排版

官方文档

官方文档看这里 cloud.tencent.com/document/pr…

代码实现

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>腾讯滑块验证</title>
    <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
  </head>
  <body onload="loadCaptcha()">
  </body>
</html>

<script>
  function loadCaptcha() {
    var captcha = new TencentCaptcha('你的appId', response => {
      // 处理回调结果：只有验证通过或者关闭滑块弹窗会触发
    },{})
    captcha.show()
  }
</script>

效果

本文使用 mdnice 排版