搭建直播平台,使用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生成验证码图片,并进行验证, 更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
2021-08-02 定制开发小游戏,ionic-angular左滑展示操作按钮
2021-08-02 小游戏APP源码,带头部可折叠的ListVivew
2021-08-02 成品小游戏源码,FairyGUI-GSlider滑动条