扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面

本文教你Dynamic Web TWAIN中只需3个步骤在5分钟内创建一个Web扫描应用程序的方法!

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}

image003 1.2 创建一个空的HTML页面
请将空的html页面与Resources文件夹放在一起,如下所示:
image004 步骤二:将Dynamic Web TWAIN添加到HTML页面

2.1 包含两个Dynamsoft JS文件

扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面 2.2 添加一个Dynamic Web TWAIN容器
<div id="dwtcontrolContainer">

 注意: “dwtcontrolContainer”是div的默认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页面,它应该是这样的:

image005 现在,您可以点击“扫描”按钮选择一个设备,如下所示: image006 注意:
  • 选择来源对话框中只列出了TWAIN兼容设备。如果连接的扫描仪没有显示在列表中,请按照这篇文章排除故障。
  • 如果您手边没有扫描仪,则可以安装虚拟扫描仪 – 由TWAIN工作组开发的扫描仪模拟器 – 用于测试目的。

扫描完成后,图像将显示在内置的Dynamic Web TWAIN查看器中:

image007 如果您安装了Dynamic Web TWAIN的30天试用版,您可以在C:Program Files (x86)DynamsoftDynamic Web TWAIN SDK {Version Number} {Trial}SamplesGetting Started获取完整的Hello World应用程序。 image008 本次教程到此结束,希望能对Dynamic Web TWAIN的用户带来帮助,接下来还会有更多的相关教程,敬请期待!

试用、下载、了解更多产品信息请点击“咨询在线客服”   

标签:扫描识别扫描与图像

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年10月20日
下一篇 2017年10月20日

相关推荐

发表回复

登录后才能评论