Nodejs生成验证码及其图片

原创于 2025-04-23 10:54:10 发布 · 230 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js

NodeJS 专栏收录该内容

22 篇文章

订阅专栏

1、后端接口

var tslib_1 = require("tslib");
var svgCaptcha = require("svg-captcha");



// 密码登录方式，更新验证码图片
var updateCaptcha = function (req, res) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
    var captcha;
    return tslib_1.__generator(this, function (_a) {
        if (yog.conf.sugar.login.type !== 'password') {
            return [2 /*return*/, res.sugarErrorJson('后端登录类型配置错误！')];
        }
        captcha = svgCaptcha.create({
            ignoreChars: '0o1iIl',
            noise: 2,
            width: 100,
            height: 50
        });
        req.session.captchaText = captcha.text;
        res.sugarJson(captcha.data);
        return [2 /*return*/];
    });
}); };
exports.updateCaptcha = updateCaptcha;

package.json文件里添加如下依赖：


"tslib": "^2.3.0",

2、前端使用

// 点击验证码图片，更新验证码图片
  function updateCaptchaSvg() {
    $('.alert').hide();
    $.ajax({
      method: 'GET',
      url: (pathPrefix || '') + '/login/updateCaptcha'
    })
      .done(function (data) {
        if (data.status) {
          $('.alert-warning').text(data.msg).show();
        } else {
          $('#captcha-svg').html(data.data);
        }
      })
      .fail(function () {
        $('.alert-warning').text('登录失败，网络错误！').show();
      });
  }
  $('#captcha-svg').click(updateCaptchaSvg);