扫描识别工具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的用户带来帮助，接下来还会有更多的相关教程，敬请期待！