美文网首页
node进阶(4)——node实现图片验证码接口

node进阶(4)——node实现图片验证码接口

作者: wayne1125 | 来源:发表于2018-08-29 20:14 被阅读0次

一、安装依赖

1.引入插件

cnpm i svg-captcha --save

  1. 在使用的地方导入

var svgCaptcha = require('svg-captcha');

  1. app.js中引入cookie-parase

const cookieParase = require('cookie-parser');
app.use(cookieParase());

二、随机字母验证码

router.get("/getCaptcha",function(req, res, next){
    var captcha = svgCaptcha.create({ 
      inverse: false, // 翻转颜色 
      fontSize: 48, // 字体大小 
      noise: 2, // 噪声线条数 
      width: 100, // 宽度 
      height: 40, // 高度 
      size: 4,// 验证码长度
      ignoreChars: '0o1i', // 验证码字符中排除 0o1i
    }); 
    // 保存到session,忽略大小写 
    req.session = captcha.text.toLowerCase(); 
    console.log(req.session); //0xtg 生成的验证码
    //保存到cookie 方便前端调用验证
    res.cookie('captcha', req.session); 
    res.setHeader('Content-Type', 'image/svg+xml');
    res.write(String(captcha.data));
    res.end();
})
随机字母验证码

三、生成简单加法验证码

router.get("/getCaptcha",function(req, res, next){
    var captcha = svgCaptcha.createMathExpr({ 
      inverse: false, // 翻转颜色 
      fontSize: 48, // 字体大小 
      noise: 2, // 噪声线条数 
      width: 100, // 宽度 
      height: 40, // 高度 
      size: 4,// 验证码长度
      ignoreChars: '0o1i', // 验证码字符中排除 0o1i
      color: true,// 验证码的字符是否有颜色,默认没有,如果设定了背景,则默认有
      background: '#e8e3e3'// 验证码图片背景颜色
    })
    // 保存到session,忽略大小写 
    req.session = captcha.text.toLowerCase(); 
    console.log(req.session); //0xtg 生成的验证码
    //保存到cookie 方便前端调用验证
    res.cookie('captcha', req.session); 
    res.setHeader('Content-Type', 'image/svg+xml');
    res.write(String(captcha.data));
    res.end();
})
加法验证码

相关文章

  • node进阶(4)——node实现图片验证码接口

    一、安装依赖 1.引入插件 cnpm i svg-captcha --save 在使用的地方导入 var svgC...

  • DOM

    DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现...

  • Javascript操作DOM常用API总结

    Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为N...

  • node js multipart/form-data 提交ba

    背景 后台接口提供了前端上传图片的接口,现在node js需要使用统一的服务接口。存在的问题: node js端的...

  • Node.js<四>

    Node.js Stream(流) Stream 是一个抽象接口,Node 中有很多对象实现了这个接口。例如,对h...

  • node.js(十)

    Node.js Stream(流)Stream 是一个抽象接口,Node 中有很多对象实现了这个接口。例如,对ht...

  • Node学习(5)--Stream

    Node.js Stream(流) Stream 是一个抽象接口,Node 中有很多对象实现了这个接口。例如,对h...

  • node+koa实现数据mock

    基于node+koa实现的mock数据接口,Koa需要v7.6.0以上node版本,低于此版本请先升级node 目...

  • 【DOM】Node类型

    DOM1级定义了一个Node接口,该接口由DOM中的所有节点类型实现。这个Node接口在JavaScript中作为...

  • node进阶(2)——node图片文件上传

网友评论

      本文标题:node进阶(4)——node实现图片验证码接口

      本文链接:https://www.haomeiwen.com/subject/xhvkwftx.html