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 的应用开发初探(mootools)
Dec 19 Javascript
javascript初学者常用技巧
Sep 02 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
概述BootStrap中role="form"及role作用角色
Dec 08 Javascript
js正则表达式验证密码强度【推荐】
Mar 03 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
Node.js Stream ondata触发时机与顺序的探索
Mar 08 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 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数据集构建JSON格式及新数组的方法
2012/11/07 PHP
php分页函数示例代码分享
2014/02/24 PHP
php实现window平台的checkdnsrr函数
2015/05/27 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
浅谈php使用curl模拟多线程发送请求
2019/03/08 PHP
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
JavaScript实现点击切换功能
2021/01/27 Javascript
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
基于python图像处理API的使用示例
2020/04/03 Python
python里glob模块知识点总结
2021/01/05 Python
物业经理求职自我评价
2013/09/22 职场文书
会计专业自我鉴定范文
2013/12/29 职场文书
新郎父亲婚宴答谢词
2014/01/11 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
mysql的MVCC多版本并发控制的实现
2021/04/14 MySQL