node.js WEB开发中图片验证码的实现方法


Posted in Javascript onJune 03, 2014

用node做web开发很多都可能碰到需要验证码的地方,之前在github上搜索,有一些比如node-captcha等的类库,都需要依赖第三方的图形处理库或者软件,像我之前安装cario这个图形库时,真是费了好大一番劲,但是其实我们只用到了这些图形库的一点点小功能,比如图片的尺寸修改裁剪,或者生产验证码。

先介绍一下CImg这个c++的图形库吧,CImg是一个跨平台的C++的图像处理库,提供了加载、处理、显示、保存等一系列功能,最吸引人的地方是整个图形库就一个CImg.h这个文件,所以非常的便携绿色环保,带到哪里都可以进行编译使用,不用安装一大推依赖。于是我就想利用这个CImg图形库做一个简单的demo,就从实现验证码这个功能入手,当然可以完全利用这个库来做裁剪图片等其他功能。

ccap模块是基于CImg图形库的封装,让它可以供node使用,由于CImg图形库的便携性,所以ccap模块可以完全不依赖其他任何第三方图形库或者软件而独立工作,也就说如果只是想要生成简单的验证码,只要require这个ccap模块即可。

1、安装:
通用方法:npm install ccap
或者通过github下载,地址:https://github.com/DoubleSpout/ccap
注:安装过程可能会出现错误,请根据错误提示安装相应依赖包

2、性能:

在2cpu的linux 64位服务器上生成验证码速度可以达到1200次/秒,测试生成的图片是BMP的,jpeg的图片验证码生成速度大约在600次/秒

3、声明方法:

var ccap = require('ccap');
var captcha1 = ccap();
var captcha2 = ccap(width, height, offset);
var captcha3 = ccap({
    width:256,//set width,default is 256

可以通过上述代码实例化一个ccap类。 1、不传任何参数,全部使用默认的参数进行生成验证码 2、只传递宽,高,偏移进行实例化,调整图片的大小,和图片中文字的间隔 3、传递一个对象,除了宽,高和偏移,还传递了图片质量以及生成随机数的方法,ccap模块会根据自定义函数return的字符串作为图片验证码的内容,默认是0-9,A-Z的6位随即字符串。

理论上可以生产很多不同的ccap的实例,而且他们之间互相没有影响,所以即使是通过cluster开启多进程的node同时生产验证码也不存在互相锁止的影响。

对于图片质量只对jpeg图片有效,如果没有安装任何jpeg的lib库的话,只能使用bmp未压缩图形了,体积比较大,但是生成速度比较快。

4、使用方法,get():

height:60,//set height,default is 60
    offset:40,//set text spacing,default is 40
    quality:100,//set pic quality,default is 50
    generate:function(){//Custom the function to generate captcha text
         //generate captcha text here
         return text;//return the captcha text
    }
});

实例化ccap类之后,会得到captcha对象,这个对象只有一个对外方法,get(),这个方法每次调用都会返回验证码buffer和对应的text字符串内容,保存在数组里,类似这样的结构:
["captcha text","picture buffer"]

5、一个简单的web例子:
var http = require('http');
var ccap = require('ccap')();//Instantiated ccap class 
http.createServer(function (request, response) {
    if(request.url == '/favicon.ico')return response.end('');//Intercept request favicon.ico
    var ary = ccap.get();
    var txt = ary[0];
    var buf = ary[1];
    response.end(buf);
    console.log(txt);
}).listen(8124);
console.log('Server running at http://127.0.0.1:8124/');

注:有些代码参数可根据自己的环境自行修改
Javascript 相关文章推荐
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
jQuery实现立体式数字动态增加(animate方法)
Dec 21 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
解决Layui 表单提交数据为空的问题
Aug 15 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 Javascript
node.js实现多图片上传实例
Jun 03 #Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 #Javascript
jquery处理json数据实例分析
Jun 03 #Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 #Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 #Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 #Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 #Javascript
You might like
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
smarty高级特性之过滤器的使用方法
2015/12/25 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
json简单介绍
2008/06/10 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
jQuery Autocomplete自动完成插件
2010/07/17 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
jQuery遍历Form示例代码
2013/09/03 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
JS添加或修改控件的样式(Class)实现方法
2016/10/15 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
django数据库自动重连的方法实例
2019/07/21 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
公司成立感言
2014/01/11 职场文书
推荐信格式范文
2014/05/09 职场文书
安全生产承诺书范文
2014/05/22 职场文书
个人股份转让协议书范本
2015/01/28 职场文书
MySQL系列之开篇 MySQL关系型数据库基础概念
2021/07/02 MySQL
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP