Dynamic Web TWAIN开发指南：建立“ Hello World”扫描页面-控件新闻-慧都网

Dynamic Web TWAIN开发指南：建立“ Hello World”扫描页面

翻译|使用教程|编辑：杨鹏连|2020-09-02 11:12:25.410|阅读 230 次

概述：本指南提供有关如何使用Dynamsoft的Dynamic Web TWAIN SDK 16.x版如何建立“ Hello World”扫描页面。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

Dynamic Web TWAIN是一个专为Web应用程序设计的TWAIN扫描识别控件。你只需在TWAIN接口写几行代码，就可以用兼容TWAIN的扫描仪扫描文档或从数码相机/采集卡中获取图像。然后用户可以编辑图像并将图像保存为多种格式，用户可保存图像到远程数据库或者SharePoint。该TWAIN控件还支持上传和处理本地图像。

本文汇集了一些Dynamic Web TWAIN编程方面的常见问题，并且针对这些问题进行了回答，感兴趣的朋友快来了解一下吧~

点击下载Dynamic Web TWAIN正式版

建立“ Hello World”扫描页面

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

步骤1：启动Web应用程序

将Dynamsoft资源文件夹复制到您的项目中

您通常可以在以下位置找到“资源”文件夹 C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\

å»ºç«æ¨å¥½ä¸çæ«æç¬¬1é¡µ

创建一个空的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的30天试用版，通常可以在找到完整的Hello World应用程序C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\Samples\Getting Started\。