如何快速在线扫描文档？WebScanner SDK 帮你轻松解决

如何快速在线扫描文档？WebScanner SDK 帮你轻松解决

测试推荐环境

· CPU: 64位双核处理器

· 内存: 4G DDR3

· 操作系统：Windows10（Windows7及以上）

体验WebScanner（在官网体验）

WebScanner网站提供了在线体验DEMO，可以直接访问官网DEMO页面进行体验。

如图中所示，组件提供扫描仪设备加载连接、执行扫描、web端编辑器（可展示和编辑扫描到的图像内容）、保存结果文档(保存到本地、保存到服务器)等功能，能满足大部分常规需求。

具体可参考官网介绍

第一次访问使用WebScanner的页面时，会自动提示需要安装WebScanner Service服务。在这里，我们点击提示中的下载链接下载WebScanner Service安装包wssService.zip。

安装WSS Service服务

安装服务

解压缩wssService.zip安装包后，以管理员身份运行其中的安装程序wssService.exe。

点击“是”，

安装程序

点击“Next”

安装程序

点击“Install”,开始安装

安装程序

勾选“Launch WebScannerService”，点击“Finish”,启动服务，并完成安装。

启动wssService服务

在Windows服务中，右击 WebScannerService 服务，在弹出菜单中点击“启动”启动服务。

安装程序

重启wssService服务

在Windows服务中，右击 WebScannerService 服务，在弹出菜单中点击“重新启动”启动服务。

安装程序

停止wssService服务

在Windows服务中，右击 WebScannerService 服务，在弹出菜单中点击“停止”停止服务。

安装程序

安装TWAIN虚拟扫描仪

如果我们电脑上没有安装扫描仪驱动，可以使用一个TWAIN官方虚拟虚拟扫描仪来模式测试。

虚拟扫描仪程序：

https://github.com/twain/twain-toolkit/releases/download/v2.5.0/twacker_020500.zip

安装好以后，重新刷新页面，就会发现虚拟扫描仪已经被识别到并且加载到设备里了。

这是我们点击“扫描”按钮，就可以扫描了。可见扫描返回的图像已自动排版到编辑器中了。

试用WebScanner Sample例子代码

从官网下载例子源码，解压源码，解压后的目录结构和文件清单如图：

主目录下：

scripts子目录下

css子目录下

使用浏览器打开index.html，发现跟WebScanner官网的产品演示体验功能一样的。

会用编辑器Sublime打开index.html入口文件查看，header部分主要是引入一带的javascript和css。

其中用到WebScanner组件的关键的js是scripts/webscan.min.js和scripts/sample.js。webscan.min.js应该就是组件的实现，sample.js是例子应用的实现。