基本上每个项目都少不了验证码需求,之前用的 captchapng 模块。
缺点是只能支持数字验证码,刷新频率过高会有错误。
今天又尝试了一下svg-captcha制作验证。
可以全部支持字符和数字,全平台支持,用起来很简单。
1、npm install svg-captcha --save
2、示例代码如下:
var svgCaptcha = require("svg-captcha");
// 验证码
function verifycodeGetController(req, res) {
// 验证码,对了有两个属性,text是字符,data是svg代码
var code = svgCaptcha.create({
// 翻转颜色
inverse: false,
// 字体大小
fontSize: 36,
// 噪声线条数
noise: 3,
// 宽度
width: 80,
// 高度
height: 30,
});
// 保存到session,忽略大小写
req.session["randomcode"] = code.text.toLowerCase();
// 返回数据直接放入页面元素展示即可
res.send(code.data);
}
前台ajax调用,存入一个html标签就可以了。
就是这么简单。