本指南提供有关如何使用Dynamsoft的Dynamic Web TWAIN SDK 16.x版如何?建立“ Hello World”扫描页面。
Dynamic Web TWAIN正式版
建立“ Hello World”扫描页面
以下3个步骤向您展示了如何在5分钟内创建您的第一个基于Web的扫描应用程序!
步骤1:启动Web应用程序
将Dynamsoft资源文件夹复制到您的项目中
您通常可以在以下位置找到“资源”文件夹 C:Program Files (x86)DynamsoftDynamic Web TWAIN SDK {Version Number} {Trial}

创建一个空的HTML页面
将一个空的HTML页面与Resources文件夹放在一起,如下所示

步骤2:将动态Web TWAIN添加到HTML页面
在<head>标记中包含两个Dynamsoft JS文件
<script src="Resources/dynamsoft.webtwain.initiate.js"></script><script src="Resources/dynamsoft.webtwain.config.js"></script>
将Dynamic Web TWAIN容器添加到<body>标签中
<div id="dwtcontrolContainer"></div>
注意:“ dwtcontrolContainer”是div的默认ID。您可以根据需要在文件中进行更改dynamsoft.webtwain.config.js。
步骤3:使用Dynamic Web TWAIN
添加“扫描”按钮和要扫描的最小代码
<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.SelectSource(function () { DWObject.OpenSource(); DWObject.AcquireImage(); }, function () {console.log("SelectSource failed!"); }); } }</script>
查看完成的代码
<html><head> <title>Hello World</title> <script src="Resources/dynamsoft.webtwain.initiate.js"> </script> <script 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.SelectSource(function () { DWObject.OpenSource(); DWObject.AcquireImage(); }, function () {console.log("SelectSource failed!"); }); } } </script></body></html>
实际查看扫描页面
如果在浏览器中打开“ Hello World”页面
现在,您可以单击“扫描”按钮以选择设备,如下所示:

TWAIN|ICA|SANE在“选择源”对话框中仅列出兼容的设备。如果连接的扫描仪未出现在列表中,请确保已安装正确的驱动程序。
如果您使用的是Windows,并且没有真正的扫描仪,则可以安装虚拟扫描仪 –由TWAIN工作组开发的用于扫描的扫描仪模拟器。
扫描完成后,图像将显示在内置的Dynamic Web TWAIN查看器中:


想要购买Dynamic Web TWAIN正版授权,或了解更多产品信息请点击【咨询在线客服】

标签:
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!