Nodejs项目,在做图片验证码的时候遇到了难题。Nodejs没有图片库,以后会有,但是现在没有。
网络上搜索一圈,有几个解决方案:
1、采用第三方验证码程序,有的时候,项目可能不允许;
2、使用Java或者PHP生成图片,Nodejs调用,中间采用Redies共享;
这两种方式都不太理想,好在终于找到了可以支持Nodejs图片验证码的一个库,虽然只支持数字,但是也还不错。原理是使用Base64的图片编码方式。
这个库的Gighub地址是:https://github.com/GeorgeChan/captchapng
使用方法这个主页上都有,这里还是补充一下:
1、在Node项目的package.json中增加captchapng模块;
2、使用如下代码:
/** * 图片验证码 * @param req * @param res * @param next */ function randomcodePngController(req , res , next){ var code = '0123456789'; var length = 4; var randomcode = ''; for (var i = 0; i < length; i ) { randomcode = code[parseInt(Math.random() * 1000) % code.length]; } // 保存到session if (null == req.session[sessionConstant.login]) { req.session[sessionConstant.login] = {}; } req.session[sessionConstant.login][sessionConstant.randomcode] = randomcode; // 输出图片 var p = new captchapng(80,30,parseInt(randomcode)); // width,height,numeric captcha p.color(255, 255, 255, 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'); res.writeHead(200, { 'Content-Type': 'image/png' }); res.end(imgbase64); }
3、给这个controller写一个路径,页面就可以直接在img标签里面增加src属性了。
这样就搞定了Nodejs的图片验证码,希望Nodejs尽快补充缺乏的库。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持Devmax。