Node.js+Web TWAIN，实现Web文档扫描和图像上传
Posted lclc
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 [email protected]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
|
<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文档扫描和图像上传的主要内容，如果未能解决你的问题，请参考以下文章
Web开发Node.js实现Web服务器（express模块）