后端框架使用的是Express,实现纯数字验证码。
//命令行
npm install captchapng
//app.js
var captchapng = require('captchapng');
实现原理:
1. 使用Math.random()生成随机数,使用parseInt(Math.random() * 9000 + 1000)
将这个随机数设置为四位数字。
2. 将这个四位数字传给session。
3. 调用captchapng,并进行base64编码。
4. 设置Content-Type为image/png,返回一个带有图片的页面。
//验证码
app.get('/verify',function(req, res, next) {
var code = parseInt(Math.random() * 9000 + 1000);
req.session.checkcode = code;
var p = new captchapng(120, 42, code);
p.color(0, 0, 0, 0);
p.color(80, 80, 80, 255);
var img = p.getBase64();
var imgbase64 = new Buffer(img, 'base64');
res.writeHead(200, {
'Content-Type': 'image/png'
});
res.end(imgbase64);
});