扫描识别工具Dynamic Web TWAIN使用教程：建立一个“Hello World”扫描页面

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文件夹放在一起，如下所示：

 

步骤二：将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的用户带来帮助，接下来还会有更多的相关教程，敬请期待！