首頁  >  文章  >  web前端  >  分享Nodejs中用captchapng產生圖片驗證碼的實例

分享Nodejs中用captchapng產生圖片驗證碼的實例

零下一度
零下一度原創
2017-05-19 09:28:101859瀏覽

本篇文章主要介紹了Nodejs中使用captchapng模組實現圖片驗證碼,非常具有實用價值,需要的朋友可以參考下

Nodejs項目,在做圖片驗證碼的時候遇到了難題。 Nodejs沒有圖片庫,以後會有,但現在沒有。

網路上搜尋一圈,有幾個解決方案:

1、採用第三方驗證碼程序,有的時候,專案可能不允許;

2、使用Java或PHP產生圖片,Nodejs調用,中間採用Redies共享;

這兩種方式都不太理想,好在終於找到了可以支援Nodejs圖片驗證碼的一個庫,雖然只支援數字,但是也還不錯。原理是使用Base64的圖片編碼方式。

這個函式庫的Gighub位址是: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,&#39;base64&#39;);

  res.writeHead(200, {

    &#39;Content-Type&#39;: &#39;image/png&#39;

  });
  res.end(imgbase64);

}

3、給這個controller寫一個路徑,頁面就可以直接在img標籤裡面增加src屬性了。

這樣就搞定了Nodejs的圖片驗證碼,希望Nodejs盡快補充缺乏的函式庫。

【相關推薦】

1. 免費js線上影片教學

2. JavaScript中文參考手冊

3. php.cn獨孤九賤(3)-JavaScript影片教學

#

以上是分享Nodejs中用captchapng產生圖片驗證碼的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn