nodejs之图片验证码(svg-captcha)

所用模块:svg-captcha,svg-captcha 是一个基于 Node.js 平台的验证码生成库,它可以生成 SVG 格式的验证码,支持自定义验证码长度、字符集等选项,主要用于网站、移动应用等需要用户验证的场景。

svg-captcha的常见配置属性:
size: 验证码图片的尺寸,默认为 4。
ignoreChars: 不包括的字符,可以是字符串或字符数组,默认为空。
noise: 干扰线条的数量,默认为 1。
color: 验证码图片的颜色,默认为黑色,可以是 CSS 颜色值或 RGB 数组。
background: 验证码图片的背景色,默认为白色,可以是 CSS 颜色值或 RGB 数组。
width: 验证码图片的宽度,默认为 150 像素。
height: 验证码图片的高度, 默认为 50 像素。
fontSize: 验证码字体的大小,默认为 50。

开始前期工作准备,安装express,新建app.js,初始化如下代码:

const express = require('express');
const app = express();

app.get('/ac', (req,res) => {
  res.send("hello world")
})

app.listen(8080, () => {
  console.log('Server listening on port 8080');
});
  • 安装:npm i svg-captcha -S
  • 创建js文件 进行配置:
// qrcode.js
const code = require("svg-captcha");
let qrcode = () => {
    return code.create({
        size: 3, // 字符数
        ignoreChars: "zxcvbnmasdfghjklqwertyuiop", // 过滤字符
        noise: 3, // 干扰线条数
        color: true, 
        background: "#fff", // 背景颜色
    });
}
module.exports = qrcode;
  • 在app.js文件中引入 并使用:
const express = require('express');
const app = express();

const captcha = require("./qrcode")

app.get('/ac', (req,res) => {
  let code = captcha()
  console.log(code.text) //QLD
  res.send(code.data)
})


app.listen(8080, () => {
  console.log('Server listening on port 8080');
});
  • 运行app.js,连接请求:

nodejs之图片验证码(svg-captcha)_第1张图片

 

你可能感兴趣的:(node开发,javascript)