扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
来源:互联网 发布:360检测网络异常 编辑:程序博客网 时间:2024/05/22 00:06
Dynamic Web TWAIN是一个专为Web应用程序设计的TWAIN扫描识别控件。你只需在TWAIN接口写几行代码,就可以用兼容TWAIN的扫描仪扫描文档或从数码相机/采集卡中获取图像。
本文教你Dynamic Web TWAIN中只需3个步骤在5分钟内创建一个Web扫描应用程序的方法!
注意:开始之前,请确保您已经下载并安装了最新版本的Dynamic Web TWAIN。如果还没有安装,请在这里下载Dynamic Web TWAIN最新版。
步骤一:启动一个Web应用程序
1.1 将Dynamsoft的Resources文件夹复制到您的项目中
Resources文件夹通常在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\
1.2 创建一个空的HTML页面
请将空的html页面与Resources文件夹放在一起,如下所示:
请将空的html页面与Resources文件夹放在一起,如下所示:
步骤二:将Dynamic Web TWAIN添加到HTML页面
2.1 包含两个Dynamsoft JS文件
2.2 添加一个Dynamic Web TWAIN容器
1
<
div
id
=
"dwtcontrolContainer"
></
div
>
注意: “dwtcontrolContainer”是div的默认ID。如有必要,您可以在文件dynamsoft.webtwain.config.js中更改它。
步骤三:使用Dynamic Web TWAIN
3.1 添加一个扫描按钮和最小的脚本
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<
input
type
=
"button"
value
=
"Scan"
onclick
=
"AcquireImage();"
>
<
script
type
=
"text/javascript"
data-filtered
=
"filtered"
>
var DWObject;
function Dynamsoft_OnReady(){
DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
}
function AcquireImage(){
if(DWObject) {
DWObject.IfDisableSourceAfterAcquire = true;
DWObject.SelectSource();
DWObject.OpenSource();
DWObject.AcquireImage();
}
}
</
script
>
3.2 查看完成的代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<
title
data-filtered
=
"filtered"
>Hello World</
title
>
<
script
type
=
"text/javascript"
src
=
"Resources/dynamsoft.webtwain.initiate.js"
data-filtered
=
"filtered"
> </
script
>
<
script
type
=
"text/javascript"
src
=
"Resources/dynamsoft.webtwain.config.js"
data-filtered
=
"filtered"
> </
script
>
<
input
type
=
"button"
value
=
"Scan"
onclick
=
"AcquireImage();"
>
<
div
id
=
"dwtcontrolContainer"
> </
div
>
<
script
type
=
"text/javascript"
data-filtered
=
"filtered"
>
var DWObject;
function Dynamsoft_OnReady(){
DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
}
function AcquireImage(){
if(DWObject) {
DWObject.IfDisableSourceAfterAcquire = true;
DWObject.SelectSource();
DWObject.OpenSource();
DWObject.AcquireImage();
}
}
</
script
>
3.3 查看正在运行的扫描页面
如果你打开项目中的Hello World页面,它应该是这样的:
现在,您可以点击“扫描”按钮选择一个设备,如下所示:
注意:
- 选择来源对话框中只列出了TWAIN兼容设备。如果连接的扫描仪没有显示在列表中,请按照这篇文章排除故障。
- 如果您手边没有扫描仪,则可以安装虚拟扫描仪 - 由TWAIN工作组开发的扫描仪模拟器 - 用于测试目的。
扫描完成后,图像将显示在内置的Dynamic Web TWAIN查看器中:
如果您安装了Dynamic Web TWAIN的30天试用版,您可以在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\Samples\Getting Started\获取完整的Hello World应用程序。
本次教程到此结束,希望能对Dynamic Web TWAIN的用户带来帮助,接下来还会有更多的相关教程,敬请期待!
阅读全文
0 0
- 扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
- 扫描识别工具Dynamic Web TWAIN使用教程:图像操作
- 扫描识别工具Dynamic Web TWAIN使用教程:如何自定义Web TWAIN对象
- 扫描识别工具Dynamic Web TWAIN使用教程:如何自定义扫描设置
- 扫描识别工具Dynamic Web TWAIN使用教程:如何使用图像编辑器
- 扫描识别工具Dynamic Web TWAIN使用教程:属性/方法/事件介绍
- Dynamic Web TWAIN扫描识别工具改变缓冲区图像大小
- 扫描识别工具Dynamic Web TWAIN使用教程:如何将本地图像加载到查看器中
- 应用于Web的TWAIN扫描识别软件-Dynamic Web TWAIN
- 分享:Web应用程序的TWAIN扫描识别工具——DYNAMIC WEB TWAIN
- Dynamic Web TWAIN使用教程:如何从Firefox扫描图片
- Dynamic Web TWAIN使用教程:创建网页扫描程序
- TWAIN扫描识别工具Dynamic Web TWAIN发布v13.2,周年限时7折特惠!
- TWAIN扫描识别工具Dynamic Web TWAIN的常见问题FAQ合集
- 【FAQ合集】TWAIN扫描识别工具Dynamic Web TWAIN的特性问题
- 【FAQ合集】TWAIN扫描识别工具Dynamic Web TWAIN的编程代码问题
- 【干货】扫描识别控件Dynamic Web TWAIN在线示例汇总
- Web扫描识别控件Dynamic Web TWAIN扫描和上传的实例
- 务隔离级别详解
- windpws 10打开开发模式后安装ubuntu后如何连接其桌面
- NodeMCU中Out Of Memory的解决方法
- Java反射机制
- lucence maven
- 扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
- 机器学习#假设空间与版本空间
- 5.2 子类的继承性
- TensorFlow学习--VGGNet实现&图像识别
- Mysql千万级别数据批量插入只需简单三步
- 以太坊开发者大会Devcon3——总览
- PE文件结构详解(二)可执行文件头
- Golang源码探索(三) GC的实现原理
- iOS多个按钮自动宽度排版,超简单,几行代码搞定