node生成图形验证码

最新推荐文章于 2025-06-15 15:58:26 发布

kjs_pass

最新推荐文章于 2025-06-15 15:58:26 发布

阅读量757

点赞数 1

CC 4.0 BY-SA版权

分类专栏： node

本文链接：https://blog.csdn.net/a15240780264/article/details/119386800

node 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用 svg-captcha 库生成SVG格式的验证码，并将其转换为Base64编码，以便在小程序中正确显示。文章还提供了具体实现的代码示例。

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

首先安装：svg-captcha，命令：npm i svg-captcha --save

const code=code.create({
    size: 4, // 随机生成验证码长度
    ignoreChars: "0o1iIl",
    noise: 3,  // 设置干扰线的数量
    color: true, //验证码字符是否有颜色，默认是没有，但是如果设置了背景颜色，那么默认就是有字符颜色
    background: "#fff", // 背景颜色
    fontSize: 60, // 设置字体大小
    width: 150, //宽度
    height: 50, //高度
  });
  console.log(code);

由于生成的时SVG的小程序无法使用，处理办法如下：

/*
img_code 是上面封装的函数，调用封装的函数
*/

  const codeData = img_code()
  /*
  转成base64的格式，小程序就可以满足显示图新验证码
  */
  const data = new Buffer(codeData.data).toString('base64');
  let base64 = 'data:image/svg+xml;base64,' + data;