码迷,mamicode.com
首页 > Web开发 > 详细

nodejs利用captchapng模块实现图片验证码,koa2

时间:2018-02-13 14:04:56      阅读:1354      评论:0      收藏:0      [点我收藏+]

标签:request   col   com   png   ref   word   img   int   hub   

百度了一遍,基本都是千篇一律,都是从 captchapang 扣的,我当然也是。
但前端与后台的接口基本没有怎么实现,wtf

后端代码

import captchapng from ‘captchapng‘;

class Captchas {
  constructor() {
  }

  //验证码
  static async getCaptchas(ctx) {
    const cap = parseInt(Math.random() * 9000 + 1000);
    const p = new captchapng(80, 30, cap);
    p.color(0, 0, 0, 0);
    p.color(80, 80, 80, 255);
    const base64 = p.getBase64();
    //官网少了这一步
    ctx.cookies.set(‘captcha‘, cap, {maxAge: 360000, httpOnly: true});
    ctx.status = 200
    ctx.body = {
      code: ‘data:image/png;base64,‘ + base64
    }
  }
}

export default Captchas

//官网少了这一步
ctx.cookies.set(‘captcha‘, cap, {maxAge: 360000, httpOnly: true});
这样子你生成的img验证图片包含的数字就放在你的cookies了,在提交的时候,从前台的传参,跟cookies做个对比

async Login(ctx) {
    let cap = ctx.cookies.get(‘captcha‘)
    let {username, password,captcha} = ctx.request.body
    console.log(cap);
    console.log(captcha);
    if (cap!=captcha){
      ctx.status = 401;
      ctx.body = {
          message: ‘验证码错误‘
      }
      return
    }

nodejs利用captchapng模块实现图片验证码,koa2

标签:request   col   com   png   ref   word   img   int   hub   

原文地址:https://www.cnblogs.com/992516410zhen/p/8446482.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!