Node.js+Web TWAIN,实现Web文档扫描和图像上传
通过Dynamic Web TWAIN SDK和Node.js的组合,只需要几行代码就可以实现在浏览器中控制扫描仪,获取图像后上传到远程服务器。
原文:Document
Imaging and Uploading With Dynamic Web TWAIN and Node.js
下载安装
通过Node.js创建server
创建工程目录,打开cmd.exe进入到工程目录,安装下面两个Node.js模块:
1
2
|
npm install formidable@latest npm install express |
创建server.js,初始化:
1
2
3
4
5
|
var formidable = require( 'formidable' ); var util = require( 'util' ); var express = require( 'express' ); var fs = require( 'fs' ); var app = express(); |
把静态资源,比如图片,css等,都加载进来:
1
|
app.use(express. static (__dirname, '/public' )); |
要实现跨域访问,需要在header里添加权限,如果不添加,只能local访问:
1
2
3
4
5
6
7
|
app.use( function (req, res, next) { res.header( "Access-Control-Allow-Origin" , "*" ); res.header( "Access-Control-Allow-Methods" , "PUT, POST, GET, DELETE, OPTIONS" ); res.header( "Access-Control-Allow-Headers" , "X-Requested-With, content-type" ); res.header( "Access-Control-Allow-Credentials" , true ); next(); }); |
在POST请求中通过formidable解析数据:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
app.post( '/upload' , function (req, res) { var form = new formidable.IncomingForm(); form.parse(req, function (err, fields, files) { // console.log(util.inspect({ // fields: fields, // files: files // })); fs.readFile(files.RemoteFile.path, function (err, data) { // save file from temp dir to new dir var newPath = __dirname + "/uploads/" + files.RemoteFile.name; fs.writeFile(newPath, data, function (err) { if (err) throw err; console.log( 'file saved' ); res.end(); }); }); }); }) |
设置好IP和端口:
1
2
3
4
5
|
var server = app.listen(2014, function () { var host = server.address().address; var port = server.address().port; console.log( 'listening at http://%s:%s' , host, port); }) |
通过Dynamic Web TWAIN创建client
创建一个网页,包含一个div和两个button:
1
2
3
4
5
6
7
8
9
10
11
12
|
< html > < head > < title >Document Imaging & Uploading</ title > < script src = "/Resources/dynamsoft.webtwain.initiate.js" ></ script > < script src = "/Resources/dynamsoft.webtwain.config.js" ></ script > </ head > < body > < div id = "dwtcontrolContainer" ></ div > < input type = "button" value = "Acquire" onclick = "AcquireImage();" /> < input id = "btnUpload" type = "button" value = "Upload Image" onclick = "btnUpload_onclick()" > </ body > </ html > |
这里需要把Web TWAIN SDK安装目录下的Resources目录拷贝过来。
加几行代码就可以扫描了:
1
2
3
4
5
6
|
function AcquireImage(){ DWObject.IfShowUI = false ; DWObject.SelectSource(); DWObject.OpenSource(); DWObject.AcquireImage(); } |
到这里可以先测试下扫描能否正常工作。接下来实现远程上传:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function btnUpload_onclick() { DWObject.HTTPPort = 2014; var CurrentPathName = unescape(location.pathname); // get current PathName in plain ASCII var CurrentPath = CurrentPathName.substring(0, CurrentPathName.lastIndexOf( "/" ) + 1); var strActionPage = CurrentPath + "upload" ; var strHostIP = "localhost" ; // modify the IP for cross-domain access var sFun = function (){ alert( 'successful' ); }, fFun = function (){ alert( 'failed' ); }; DWObject.HTTPUploadThroughPostEx( strHostIP, DWObject.CurrentImageIndexInBuffer, strActionPage, "test.jpg" , 1, // JPEG sFun, fFun ); } |
测试下。命令行启动server:
1
|
node server.js |
打开http://localhost:2014就可以玩了。
源码
https://github.com/DynamsoftRD/nodejs-dwt
1
|
git clone https://github.com/DynamsoftRD/nodejs-dwt.git |
Node.js+Web TWAIN,实现Web文档扫描和图像上传的更多相关文章
- Node.js 从零开发 web server博客项目[安全]
web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...
- ASP.NET Core 中文文档 第二章 指南 (09) 使用 Swagger 生成 ASP.NET Web API 在线帮助测试文档
原文:ASP.NET Web API Help Pages using Swagger 作者:Shayne Boyer 翻译:谢炀(kiler) 翻译:许登洋(Seay) 对于开发人员来说,构建一个消 ...
- WEB前端开发规范文档(转)
http://codeguide.bootcss.com/ 编写灵活.稳定.高质量的 HTML 和 CSS 代码的规范上面的文档 再结合下面的规范: 无论是从技术角度还是开发视角,对于web前端开发 ...
- 网站开发进阶(三十八)Web前端开发规范文档你需要知道的事
Web前端开发规范文档你需要知道的事 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进 ...
- node.js之十大Web框架
之前接触过Node.js是因为好奇大前端越来越能干了,连我后台的饭碗都要抢了,太嚣张了,于是我想打压打压它,然后就这样接触它了.再到后来是因为Settings-Sync插件二次开发,我需要用node. ...
- Web前端开发规范文档你需要知道的事
Web前端开发规范文档你需要知道的事 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进 ...
- WEB前端开发规范文档[转]
为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, ...
- Fenix – 基于 Node.js 的桌面静态 Web 服务器
Fenix 是一个提供给开发人员使用的简单的桌面静态 Web 服务器,基于 Node.js 开发.您可以同时在上面运行任意数量的项目,特别适合前端开发人员使用. 您可以通过免费的 Node.js 控制 ...
- 关于ASP.NET Web Api的HelpPage文档注释问题
关于ASP.NET Web Api的HelpPage文档注释问题 以前我用微软的HelpPage来自动生成的webAPI帮助文档.在使用了一段时间后发现只能显示Controller上面写的注释文档内容 ...
随机推荐
- com组件简单应用
1.打开VS2010,新建ATL COM 项目,步骤:“文件” -->“新建” -->“项目”,选择“Visual C++” -->“ATL 项目” ,填写“名称” FirstCOM ...
- #PHP#微信支付 第二篇 JSAPI 调用统一下单接口获取预支付交易数据
上一篇讲到成功获取 openid,本篇要调用微信统一接口创建预支付交易单,并获取到相关数据,以便(后边)在微信内调起H5支付 第三步,调用微信统一下单接口创建预支付交易单 微信统一下单API是微信支付 ...
- 异常:java.lang.NoClassDefFoundError: org/springframework/expression/ParserContext
异常:java.lang.NoClassDefFoundError: org/springframework/expression/ParserContext 解决方案:缺少spring-expres ...
- spring注解开发-IOC
1. @Configuration, @Bean @Configuration该注解就是用来告诉spring这是配置类 @Bean该注解是用来注册一个bean.类型是返回值的类型,ID默认是用方法名作 ...
- python基础(一)—— 核心数据类型
Hello World程序 [root@mysql ~]# python3 Python 3.6.5 (default, Jul 8 2018, 11:41:23) [GCC 4.4.7 20120 ...
- (9) openssl enc(对称加密)
对称加密工具,了解对称加密的原理后就很简单了,原理部分见下文. openssl enc -ciphername [-in filename] [-out filename] [-pa ...
- python3.x Day6 协程
协程:#定义来自牛人alex博客协程,又称微线程,纤程.英文名Coroutine.一句话说明什么是线程:协程是一种用户态的轻量级线程.协程拥有自己的寄存器上下文和栈.协程调度切换时,将寄存器上下文和栈 ...
- Android布局之线性布局——LinearLayout
本文将详细介绍线性布局的各种xml属性. xml属性 <?xml version="1.0" encoding="utf-8"?> <Line ...
- jquery ajax示例
$.ajax({ type: "POST",//方法类型 dataType: "json",//预期服务器返回的数据类型 url: "${ctx }/ ...
- XHR2:js异步上传
http://dev.opera.com/articles/xhr2/ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 2 ...