快速在同一个Web程序中集成扫描仪和手机摄像头

简介

在笔者其它多篇文章中，已经多次提到了如何在桌面浏览器中集成扫描仪控制。近年来，随着智能移动设备的普及，网站设计时必须同时兼顾传统的桌面浏览器（包括最常见的三大系统Windows, macOS和Linux）和移动设备浏览器（一般包括iOS和Android两大平台）。本文中笔者将分享一下如何设计一个兼顾桌面和移动浏览器的文档获取Web程序。

准备工作

• 下载本文中用到的是以下两个控件
  • Dynamic Web TWAIN 版本14.0  (.exe)
  • Mobile Browser Capture 版本 2.0 (.zip)
• 环境要求

Dynamic Web TWAIN这个SDK本身无特别的要求，而Mobile Browser Capture目前只支持.NET和Java，本文中我们将以Java为例：

JDK [笔者使用的是1.8.0_172]
Eclipse [笔者使用的是Oxygen.3a Release (4.7.3a)]
64位Tomcat [笔者使用的是Tomcat v9.0]

步骤

一、创建一个Dynamic Web Application，命名为AcquireFromPCsAndMobileDevices。选择Apache Tomcat v9.0为程序的运行环境，其它都取默认值

二、从Samples入手

解压Mobile Browser Capture压缩包。解压后，拷贝
MobileBrowserCaptureSDK2.0\MobileBrowserCaptureSDK2.0\samples\javaDemo中的src和WebContent两个目录到前面生成的程序AcquireFromPCsAndMobileDevices中并覆盖冲突文件。

安装Dynamic Web TWAIN，安装后找到其安装目录， 一般位于 C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK 14.0 Trial。拷贝其中的一个示例代码Samples\Scan到AcquireFromPCsAndMobileDevices\WebContent

在Eclipse中刷新项目确保能看到拷贝进来的文件

三、在Eclipse中添加一个server并把AcquireFromPCsAndMobileDevices加入到Server中。启动Tomcat

现在就可以在浏览器中打开刚部署的程序。链接地址为

针对移动浏览器：http://localhost:8080/AcquireFromPCsAndMobileDevices/MobileBrowserCapture.html

针对桌面浏览器：http://localhost:8080/AcquireFromPCsAndMobileDevices/Scan/Custo