node项目使用图片验证码（svg-captcha）

最新推荐文章于 2024-05-12 10:03:24 发布

屁三

最新推荐文章于 2024-05-12 10:03:24 发布

阅读量2.4k

点赞数

分类专栏： node 文章标签： node.js

本文链接：https://blog.csdn.net/qq_36765622/article/details/106012878

版权

本文介绍了如何在Node.js项目中利用svg-captcha库生成SVG格式的图片验证码。首先，在服务器端安装svg-captcha包，然后在后端结合express框架进行配置。前端部分使用vue+element框架，通过请求后端接口获取验证码，并将其显示在imgcode上。用户点击更换验证码时，再次调用接口实现验证码更新。

摘要由CSDN通过智能技术生成

1、在项目内服务器端安装包svg-captcha

官网：svg-captcha

npm install --save svg-captcha

2、后端引用

后端使用express框架，自行配置

var svgCaptcha = require('svg-captcha');

// 获取图片验证码
router.get('/codeimg', function (req, res) {

    var codeConfig = {
        size: 4,// 验证码长度
        ignoreChars: '0o1i', // 验证码字符中排除 0o1i
        noise: 5, // 干扰线条的数量
        height: 40,
        inverse: false,
        fontSize: 40,
    }
    var captcha = svgCaptcha.create(codeConfig);
    req.session.captcha = captcha.text.toLowerCase(); //存session用于验证接口获取文字码
    console.log(req.session.captcha);

    res.status(200).json({
        err_code: 0,
        message: 'OK',
        img: captcha.data
    })

})