中文字幕不卡在线播放,亚洲一区在线日韩在线深爱,国产在线欧美日韩精品一区二

Dynamic Web TWAIN開發指南：?建立“ Hello World”掃描頁面

翻譯|使用教程|編輯：楊鵬連|2020-09-02 11:12:25.410|閱讀 208 次

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

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

??o?????¨?￥????????????????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\。