如何使用快捷键在网页中调用扫描仪进行扫描 - Dynamic Web TWAIN

有很多朋友已经在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.
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值