不依赖canvas的Node.js验证码模块captchapng

2019独角兽企业重金招聘Python工程师标准>>>

http://itbilu.com/nodejs/npm/N1wjsIxP.html

试过很多个验证码模块，要么依赖canvas，要么需要编译，使用都不够简单方便。captchapng是一个基于pnglib模块开发，数字型验证码模块。内置字体、全JavaScript无其它依赖，使用非常简单高效，很符合我的使用需求。

1. 模块安装

npm install captchapng --save

2.使用示例

var http = require('http');
var captchapng = require('captchapng');
 
http.createServer(function (request, response) {
    if(request.url == '/captcha.png') {
        var p = new captchapng(80,30,parseInt(Math.random()*9000+1000)); // 宽,高,数字验证码
        p.color(0, 0, 0, 0);  // First color: background (red, green, blue, alpha) 
        p.color(80, 80, 80, 255); // Second color: paint (red, green, blue, alpha) 
 
        var img = p.getBase64();
        var imgbase64 = new Buffer(img,'base64');
        response.writeHead(200, {
            'Content-Type': 'image/png'
        });
        response.end(imgbase64);
    } else response.end('');
}).listen(8181);
 
console.log('Web server started.\n http:\\127.0.0.1:8181\captcha.png');

3.在Express框架中使用

为了能在项目不同位置使用，我在方法中增加了query参数自定义宽高的设置。示例如下：

var captchapng = require('captchapng');

exports.captchap=function (req, res, next) {
    var width=!isNaN(parseInt(req.query.width))?parseInt(req.query.width):100;
    var height=!isNaN(parseInt(req.query.height))?parseInt(req.query.height):30;

    var code = parseInt(Math.random()*9000+1000);
    req.session.checkcode = code;

    var p = new captchapng(width,height, 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);
}

在前端页面，调用方法对应路由即可。

<img src="/checkcode?width=100&height=30" />

转载于:https://my.oschina.net/u/1050900/blog/508146