egg.js与captcha实现图片验证码验证

本文介绍如何在egg.js项目中结合captcha插件生成并验证图片验证码。首先在控制层添加生成验证码的函数,通过npm安装并配置插件。接着在登录界面添加输入框和验证码图片,确保点击图片时能刷新验证码。最后,在后端进行判断,比较session中存储的验证码与用户输入的验证码是否一致。
摘要由CSDN通过智能技术生成

一、在控制层添加生成验证码的函数
下载一个插件,在npm里执行语句

npm i svg-captcha  --save

并在在这里插入图片描述
plugin.js中添加

exports.captcha = {
    enable: true,
    package: 'svg-captcha',
};//添加svg插件并开启插件
const Controller = require('egg').Controller;
const svgCaptcha = require('svg-captcha');

class CaptchaController extends Controller 
{
    async captcha() {
        const captcha = svgCaptcha.create({
          size: 4,              //图片验证码的字符数
          fontSize: 50,
          ignoreChars: 'Ooli',    //忽略的一些字符
          width: 100,
          height: 40,
          noise: 2,
          color: true,
          background: '#ffffff',
        });
        this.ctx.session.captcha = captcha.text;       //text及data都是函数返回的string属性的对象  将图片验证码中的text传到session里边 
        this.ctx.response.ty
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值