创建“Hello World”页面

注意:开始之前,请确保您已经下载并安装了最新版本的Dynamic Web TWAIN。如果还没有安装,请在这里下载30天免费试用。

以下3个步骤将向您展示如何在5分钟内创建您的第一个基于Web的扫描应用程序!

步骤一:启动一个Web应用程序

1.1 将Dynamsoft的Resources文件夹复制到您的项目中

Resources文件夹通常在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\

Build-the-Hello-World-Scan-Page-1

1.2 创建一个空的HTML页面

请将空的html页面与Resources文件夹放在一起,如下所示:

Build-the-Hello-World-Scan-Page-2

步骤二:将Dynamic Web TWAIN添加到HTML页面

2.1 在head标签中包含两个JavaScript文件

<script src="Resources/dynamsoft.webtwain.initiate.js"></script>
<script src="Resources/dynamsoft.webtwain.config.js"></script>

2.2 添加一个容器到body标签中

<div id="dwtcontrolContainer"></div>

注意:dwtcontrolContainer是这个容器默认的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.SelectSource(function () {
                DWObject.OpenSource();
                DWObject.AcquireImage();
            },
            function () {console.log("SelectSource failed!"); });
        }
    }
</script>

3.2 查看完整的代码

<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>

3.3 查看正在运行的扫描页面

如果您在浏览器中打开Hello World页面,它应该是这样的:

Build-the-Hello-World-Scan-Page-3

现在,您可以点击“扫描”按钮选择一个设备,如下所示:

Build-the-Hello-World-Scan-Page-4

注意:

1)选择设备对话框中只列出了TWAIN|ICA|SANE兼容设备。如果连接的扫描仪没有显示在列表中,请确保对应的设备驱动程序已经安装且设备已经连接。

2)如果您使用的是Windows系统,又没有真实的扫描仪,您可以安装虚拟扫描仪 - 一个由TWAIN工作组开发的扫描仪模拟器 - 来测试。

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

Build-the-Hello-World-Scan-Page-5

如果您已安装Dynamic Web TWAIN 30天试用版,通常可以在C:\Program Files(x86)\ Dynamsoft \ Dynamic Web TWAIN SDK {Version Number}{Trial}\Samples\Getting Started\下找到完整的Hello World程序。

Build-the-Hello-World-Scan-Page-6

如您所见,还有许多其他示例(提供源代码)供您试用Dynamic Web TWAIN的许多功能。我们还在在线示例库中提供了一些高级的示例供您参考。

results matching ""

    No results matching ""