用Dynamic Web TWAIN SDK建立一个Hello World页面

注意：在开始之前，请确保已下载并安装了最新版本的Dynamic Web TWAIN。如果您还没有下载，可以点击这里获得30天免费试用。

以下将向您演示如何在5分钟内快速创建一个基于Web的扫描应用程序！

第1步：启动Web应用程序

1.1 将Dynamsoft的Resources文件夹复制到您的项目中
Resources文件夹通常可以从这里找到C：\ Program Files（x86）\ Dynamsoft \ Dynamic Web TWAIN SDK {版本号} Trial \

1.2 创建一个空的HTML页面
请将该HTML页面与Resources文件夹放在同级目录下，如下图所示：

第2步：将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”>

注意：“dwtcontrolContainer”是div的默认ID。您也可以在文件dynamsoft.webtwain.config.js中更改它。

第3步：使用Dynamic Web TWAIN

3.1 添加“Scan”按钮及相关的代码

<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页面，可如下图所示：

您可以点击“Scan”按钮选择设备，如下图所示：

请注意：

“Select Source ”对话框中仅列出了TWAIN兼容的设备。如果您没有真正的扫描仪，可以安装由TWAIN工作组开发的虚拟扫描仪来进行测试。

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

如果您已经安装了Dynamic Web TWAIN的30天试用版，可以在这里找到完整的Hello World应用程序C：\ Program Files（x86）\ Dynamsoft \ Dynamic Web TWAIN SDK {版本号} Trial \ Samples \ Getting Started\HelloWorld.html

同时，我们还有其他示例代码供您参考。中国区总代理联系方式：0571-89916678。

Rebeccakakak

发布了2 篇原创文章 · 获赞 4 · 访问量 4063

私信关注