文檔首頁(yè)>>Dynamic Web TWAIN使用教程>>掃描識(shí)別工具Dynamic Web TWAIN使用教程：建立一個(gè)“Hello World”掃描頁(yè)面

掃描識(shí)別工具Dynamic Web TWAIN使用教程：建立一個(gè)“Hello World”掃描頁(yè)面

Dynamic Web TWAIN是一個(gè)專為Web應(yīng)用程序設(shè)計(jì)的TWAIN掃描識(shí)別控件。你只需在TWAIN接口寫(xiě)幾行代碼，就可以用兼容TWAIN的掃描儀掃描文檔或從數(shù)碼相機(jī)/采集卡中獲取圖像。

本文教你Dynamic Web TWAIN中只需3個(gè)步驟在5分鐘內(nèi)創(chuàng)建一個(gè)Web掃描應(yīng)用程序的方法！

注意：開(kāi)始之前，請(qǐng)確保您已經(jīng)下載并安裝了最新版本的Dynamic Web TWAIN。如果還沒(méi)有安裝，請(qǐng)?jiān)谶@里下載Dynamic Web TWAIN最新版。

步驟一：?jiǎn)?dòng)一個(gè)Web應(yīng)用程序

1.1 將Dynamsoft的Resources文件夾復(fù)制到您的項(xiàng)目中

Resources文件夾通常在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\

1.2 創(chuàng)建一個(gè)空的HTML頁(yè)面
請(qǐng)將空的html頁(yè)面與Resources文件夾放在一起，如下所示：

步驟二：將Dynamic Web TWAIN添加到HTML頁(yè)面

2.1 包含兩個(gè)Dynamsoft JS文件

2.2 添加一個(gè)Dynamic Web TWAIN容器

<div id="dwtcontrolContainer">

注意： “dwtcontrolContainer”是div的默認(rèn)ID。如有必要，您可以在文件dynamsoft.webtwain.config.js中更改它。

步驟三：使用Dynamic Web TWAIN

3.1 添加一個(gè)掃描按鈕和最小的腳本

<input type="button" value="Scan" onclick="AcquireImage();" />
<script type="text/javascript">
    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 查看完成的代碼

 <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>
<input type="button" value="Scan" onclick="AcquireImage();" />
<div id="dwtcontrolContainer"> </div>
<script type="text/javascript">
        var DWObject;
        function Dynamsoft_OnReady(){
            DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
        }
        function AcquireImage(){
            if(DWObject) {
                DWObject.IfDisableSourceAfterAcquire = true;
                DWObject.SelectSource();
                DWObject.OpenSource();
                DWObject.AcquireImage();
            }
        }
    </script>
</body>
</html>

3.3 查看正在運(yùn)行的掃描頁(yè)面

如果你打開(kāi)項(xiàng)目中的Hello World頁(yè)面，它應(yīng)該是這樣的：

現(xiàn)在，您可以點(diǎn)擊“掃描”按鈕選擇一個(gè)設(shè)備，如下所示：

注意：

選擇來(lái)源對(duì)話框中只列出了TWAIN兼容設(shè)備。如果連接的掃描儀沒(méi)有顯示在列表中，請(qǐng)按照這篇文章排除故障。
如果您手邊沒(méi)有掃描儀，則可以安裝虛擬掃描儀 - 由TWAIN工作組開(kāi)發(fā)的掃描儀模擬器 - 用于測(cè)試目的。

掃描完成后，圖像將顯示在內(nèi)置的Dynamic Web TWAIN查看器中：

如果您安裝了Dynamic Web TWAIN的30天試用版，您可以在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\Samples\Getting Started\獲取完整的Hello World應(yīng)用程序。

本次教程到此結(jié)束，希望能對(duì)Dynamic Web TWAIN的用戶帶來(lái)幫助，接下來(lái)還會(huì)有更多的相關(guān)教程，敬請(qǐng)期待！

試用、下載、了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊"咨詢?cè)诰€客服"

掃描識(shí)別工具Dynamic Web TWAIN使用教程：建立一個(gè)“Hello World”掃描頁(yè)面

用科技創(chuàng)就卓越

Create excellence with technology