掃描識別工具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的用戶帶來幫助，接下來還會有更多的相關教程，敬請期待！