Node 生成验证码图片，并发送前端保存session

SVG验证码生成与Express集成

最新推荐文章于 2024-07-31 10:46:41 发布

原创最新推荐文章于 2024-07-31 10:46:41 发布 · 747 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Node

后端专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍如何使用Node.js的svg-captcha模块生成SVG格式的验证码，并将其与Express框架结合，实现在Web应用中动态生成并返回验证码图片。文中通过具体代码展示了如何设置验证码的属性，如字体大小、噪声线条数、宽度、高度等，以及如何将生成的验证码文本保存到session或cookie中，以便后续的验证操作。

先安装后引用

npm install --save svg-captcha

var express = require('express');
var router = express.Router();
var svgCaptcha = require('svg-captcha');

router.get("/",function(req, res, next){
  var captcha = svgCaptcha.create({
    inverse: false, // 翻转颜色
    fontSize: 48, // 字体大小
    noise: 2, // 噪声线条数
    width: 100, // 宽度
    height: 40, // 高度
    size: 4,// 验证码长度
    ignoreChars: '0o1i', // 验证码字符中排除 0o1i
  });
  // 保存到session,忽略大小写
  // req.session = captcha.text.toLowerCase();
  // console.log(req.session); //0xtg 生成的验证码
  //保存到cookie 方便前端调用验证
  // res.cookie('captcha', req.session);
  console.log(captcha.text);
  res.setHeader('Content-Type', 'image/svg+xml');
  res.write(String(captcha.data));
  res.end();
});

module.exports = router;