搭建直播平台,使用node生成验证码图片,并进行验证

搭建直播平台,使用node生成验证码图片,并进行验证

 

1
<!DOCTYPE html><br><html><br>  <head><br>    <meta charset="UTF-8" /><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge" /><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0" /><br>    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"><br>    <title>验证码测试</title><br>  </head><br>  <body><br>    <div id="box"></div><br>    <button id="btn">刷新</button><br>    <input type="text" id="ipt" /><br>    <span id="span"></span><br>    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><br>    <script><br>      const box = document.querySelector('#box')<br>      const btn = document.querySelector('#btn')<br>      const ipt = document.querySelector('#ipt')<br>      const span = document.querySelector('#span')<br>      // 存放正确的验证码文本<br>      let text = ''<br>      // 获取验证码图片和文本<br>      function getInfo() {<br>        $.get('http://127.0.0.1/getInfo', (res) => {<br>         // 正确验证码的信息 <br>          text = res.text<br>          // res.data是一个验证码图片 svg标签<br>          box.innerHTML = res.data<br>  console.log(text)<br>        })<br>      }<br>      getInfo()<br>      btn.addEventListener('click', getInfo)<br>      ipt.addEventListener('blur', function (e) {<br>        if (this.value.toLowerCase() === text.toLowerCase()) {<br>          span.innerHTML = '验证通过'<br>          span.style.color = 'green'<br>        } else {<br>          span.innerHTML = '验证不通过'<br>          span.style.color = 'red'<br>        }<br>      })<br>    </script><br>  </body><br></html>

以上就是搭建直播平台,使用node生成验证码图片,并进行验证, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(94)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2021-08-02 定制开发小游戏,ionic-angular左滑展示操作按钮
2021-08-02 小游戏APP源码,带头部可折叠的ListVivew
2021-08-02 成品小游戏源码,FairyGUI-GSlider滑动条
点击右上角即可分享
微信分享提示