文檔半島外圍網(wǎng)上直營>>Dynamic Web TWAIN使用教程>>掃描識別工具Dynamic Web TWAIN使用教程:建立一個“Hello World”掃描頁面
掃描識別工具Dynamic Web TWAIN使用教程:建立一個“Hello World”掃描頁面
Dynamic Web TWAIN是一個專為Web應(yīng)用程序設(shè)計的TWAIN掃描識別控件。你只需在TWAIN接口寫幾行代碼,就可以用兼容TWAIN的掃描儀掃描文檔或從數(shù)碼相機/采集卡中獲取圖像。
本文教你Dynamic Web TWAIN中只需3個步驟在5分鐘內(nèi)創(chuàng)建一個Web掃描應(yīng)用程序的方法!
注意:開始之前,請確保您已經(jīng)下載并安裝了最新版本的Dynamic Web TWAIN。如果還沒有安裝,請在這里下載Dynamic Web TWAIN最新版。
步驟一:啟動一個Web應(yīng)用程序
1.1 將Dynamsoft的Resources文件夾復(fù)制到您的項目中
Resources文件夾通常在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\

1.2 創(chuàng)建一個空的HTML頁面
請將空的html頁面與Resources文件夾放在一起,如下所示:
請將空的html頁面與Resources文件夾放在一起,如下所示:

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

2.2 添加一個Dynamic Web TWAIN容器
<div id="dwtcontrolContainer">
注意: “dwtcontrolContainer”是div的默認(rèn)ID。如有必要,您可以在文件dynamsoft.webtwain.config.js中更改它。
步驟三:使用Dynamic Web TWAIN
3.1 添加一個掃描按鈕和最小的腳本
<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 查看正在運行的掃描頁面
如果你打開項目中的Hello World頁面,它應(yīng)該是這樣的:

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

注意:
- 選擇來源對話框中只列出了TWAIN兼容設(shè)備。如果連接的掃描儀沒有顯示在列表中,請按照排除故障。
- 如果您手邊沒有掃描儀,則可以 - 由TWAIN工作組開發(fā)的掃描儀模擬器 - 用于測試目的。
掃描完成后,圖像將顯示在內(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é)束,希望能對Dynamic Web TWAIN的用戶帶來幫助,接下來還會有更多的相關(guān)教程,敬請期待!
試用、下載、了解更多產(chǎn)品信息請點擊""