掃描識別工具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)DynamsoftDynamic Web TWAIN SDK {Version Number} {Trial}\

1.2 建立一個空的HTML頁面
請將空的html頁面與Resources文件夾放在一塊兒，以下所示：

步驟二：將Dynamic Web TWAIN添加到HTML頁面
2.1 包含兩個Dynamsoft JS文件

<script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js"> 
<script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js">

2.2 添加一個Dynamic Web TWAIN容器

<div id="dwtcontrolContainer"></div>

注意： 「dwtcontrolContainer」是div的默認ID。若有必要，您能夠在文件dynamsoft.webtwain.config.js中更改它。

步驟三：使用Dynamic Web TWAIN
3.1 添加一個掃描按鈕和最小的腳本

<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 查看完成的代碼

<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)DynamsoftDynamic Web TWAIN SDK {Version Number} {Trial}SamplesGetting Started獲取完整的Hello World應用程序。

本次教程到此結束，但願能對Dynamic Web TWAIN的用戶帶來幫助，接下來還會有更多的相關教程，敬請期待！