【Nodejs项目手记】Nodejs中使用图片验证码,captchapng模块可以解决Nodejs图
【Nodejs项目手记】Nodejs中使用图片验证码,captchapng模块可以解决Nodejs图
bling-兴哥 发表于1年前
【Nodejs项目手记】Nodejs中使用图片验证码,captchapng模块可以解决Nodejs图
  • 发表于 1年前
  • 阅读 57
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: Nodejs项目,在做图片验证码的时候遇到了难题。Nodejs没有图片库,以后会有,但是现在没有。

 

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尽快补充缺乏的库。

 

标签: Javacript Nodejs
共有 人打赏支持
粉丝 0
博文 13
码字总数 10623
×
bling-兴哥
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: