验证码的实现

最新推荐文章于 2023-12-28 14:04:20 发布

原创最新推荐文章于 2023-12-28 14:04:20 发布 · 927 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#node.js #javascript #jquery

javascript 同时被 3 个专栏收录

28 篇文章

订阅专栏

html

27 篇文章

订阅专栏

Node.js

13 篇文章

订阅专栏

本文介绍了如何使用SVG-Captcha模块在Node.js中实现验证码功能。通过在HTML中设置<img>标签的src属性为服务器端的接口，可以实时获取到生成的验证码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、验证码的实现

1、需要svg-captcha模块

2、在标签<img src=''>中的src自身带有一个get请求故可以直接输入接口从服务器端直接获取端口

<body>
<input typt='text'>
<img src='/getpic'>   //getpic 接口
</body>
<script>
    $(function(){
        $.ajax({
            type:'get',
            url:'/gettext',
            data:{
                text:$('input').val()
            },
            datatype:'JSON'
            success(res){
                if(res。message=='验证码正确'){
                     console.log('验证正确')                               
                }else{
                     console.log('验证错误')
                }
            }
        })
    })
</script>

const express = require('express')
const app = express()
const svg = require('sve-captcha')  //获取验证码模块
const cookiesession = require('cookie-session')
app.use(express.static('./www'))   //静态托管
app.listen(8088)  //端口
app.use(cookiesession({     //设置session
    key:['as','as','sad'],    //安全码
    maxAge:60*1000*20        // session 保存时间
}))
app.get('/getsvg',(req.res)=>{
    let captcha = svg.create({
        //验证码类型可以设置
    })
    req.session.text = captcha.text
    res.type('svg')  //传输的数据类型
    res.send(captcha.data)   //传输至接口随机产生的captcha
})
app.get('/gettext'.(req.res)=>{
    let {text}=req.query
    if(req.session.text.toupcase()==text.toupcase()){
        res.send({message:验证码正确})
    }else{
        res.send({message:验证码错误})
    }
})