有很多朋友已经在CSDN上分享过如何使用Dynamic Web TWAIN在网页中调用文档扫描仪。其中有一位热心的朋友罗根菌,他在博客中发布的“如何快速实现在网页中调用文档扫描仪”三部曲,简洁易懂,可供大部分有这方面项目需求的开发人员参考。本文将基于罗根菌发布的三部曲,展示如何使用快捷键调用扫描仪在网页中进行文档扫描。
了解快捷键
快捷键是什么应该不用再多做介绍,如果有朋友对此有疑问,可移步百度百科。>>快捷键_百度百科
那么,如何在网页中通过JS,为网页设置快捷键,来代替一些鼠标点击呢?
首先,我们要了解每个键盘按键的键码,即每个按键对应的Keycode。建议参考 >>Keycode对照表(键码对照表)
其次我们可以通过监听键盘事件keyup,keydown,keypress来控制接口或者function的调用。
具体该怎么应用到我们的扫描项目中呢?
设置快捷键扫描步骤
Step1
首先,我们通过罗根君的博客《如何快速实现在网页中调用文档扫描仪 (3)》,可以了解到了如何在5分钟内利用Dynamic Web TWAIN构建一个最基础简单的扫描页面。
注意:现阶段Dynamic Web TWAIN 的最新版本为14.3.1
Hello World的代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js"></script>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js"></script>
</head>
<body>
<div id="dwtcontrolContainer"></div>
<input type="button" value="Scan" onclick="AcquireImage();" />
<script type="text/javascript">
function AcquireImage() {
var DWObject = Dynamsoft.WebTwainEnv.