Nodejs圖片驗證碼,支援window和mac,svg驗證碼__js

來源:互聯網
上載者:User


基本上每個項目都少不了驗證碼需求,之前用的 captchapng 模組。

缺點是只能支援數字驗證碼,重新整理頻率過高會有錯誤。


今天又嘗試了一下svg-captcha製作驗證。

可以全部支援字元和數字,全平台支援,用起來很簡單。


1、npm install svg-captcha --save

2、範例程式碼如下:

var svgCaptcha = require("svg-captcha");
// 驗證碼function verifycodeGetController(req, res) {    // 驗證碼,對了有兩個屬性,text是字元,data是svg代碼    var code = svgCaptcha.create({        // 翻轉顏色        inverse: false,        // 字型大小        fontSize: 36,        // 雜訊線條數        noise: 3,        // 寬度        width: 80,        // 高度        height: 30,    });    // 儲存到session,忽略大小寫    req.session["randomcode"] = code.text.toLowerCase();    // 返回資料直接放入頁面元素展示即可    res.send(code.data);}

前台ajax調用,存入一個html標籤就可以了。

就是這麼簡單。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.