如何在手机浏览器中控制扫描仪做文档扫描

最新推荐文章于 2022-11-01 11:31:23 发布

yushulx

最新推荐文章于 2022-11-01 11:31:23 发布

阅读量1.1k

点赞数

文章标签：扫描仪 HTML5 手机浏览器电子文档

本文链接：https://blog.csdn.net/yushulx/article/details/113984168

版权

本文介绍了一种在手机浏览器中控制扫描仪进行文档扫描的方法，无需额外的app或PC拷贝。通过HTML5和Dynamic Web TWAIN SDK，连接扫描仪到Windows主机，然后在手机浏览器上操作，实现远程扫描并直接获取电子文档。

摘要由CSDN通过智能技术生成

办公室里扫描仪必不可少。现在智能化办公，有时候我们会希望文档扫描之后直接传输到手机里。如果用的是带WiFi的智能扫描仪，那么可以通过安装app来获取电子文档。如果用的是普通扫描仪，那么只能先通过PC获取扫描文档，然后再拷贝到手机里，很不方便。这篇文章分享适用于手机浏览器的解决方案。既不需要安装app，也不需要通过PC拷贝。

环境搭建步骤

把扫描仪通过USB接口连接到一台Windows主机上
下载安装Dynamic Web TWAIN SDK
申请一个30天免费试用的序列号
在Windows的浏览器里打开http://127.0.0.1:18625/admin/,把host改成主机的局域网IP地址：

使用HTML5远程控制扫描仪

创建一个空的工程目录。把Dynamsoft\Dynamic Web TWAIN SDK <version>\Resources目录拷贝到这个工程目录中。

创建一个index.htm文件。

引用JS文件：

<script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js"></script>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js"></script>

通过自动或者手动的方式创建Dynamic Web TWAIN对象，并绑定一个DIV元素作为图像显示容器：

// Create a Div element
var element = document.createElement('div');
var containerName = 'container';
element.id = containerName;
document.body.appendChild(element);

// Dynamsoft.WebTwainEnv.ProductKey = 'LICENSE-KEY';

// Load DWT viewer automatically
function