Dynamic Web TWAIN Examples

A collection of quickstart samples demonstrating the Dynamic Web TWAIN APIs for document scanning, uploading, editing, and more.

SDK Version

18.5.1

Prerequisites

• Dynamic Web TWAIN License key

• HTTP Server

  npm install -g http-server

Supported Platforms

• Windows
• macOS
• Linux

Installation

• Full Package

  1. Extract the package and copy the Resources folder to your project.

  2. Import the scripts in your HTML file:

     <script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js"></script>
     <script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js"></script>
     
     <script type="text/javascript"> 
         Dynamsoft.DWT.ResourcesPath = 'Resources/';
     </script>

• NPM Package

  1. Install the package:

     npm install dwt

  2. Import the package in your HTML file:

     <script src="node_modules/dwt/dist/dynamsoft.webtwain.min.js"></script>
     
     <script type="text/javascript"> 
         Dynamsoft.DWT.ResourcesPath = 'node_modules/dwt/dist/';
     </script>

• CDN:

  <script type="text/javascript" src="https://unpkg.com/dwt/dist/dynamsoft.webtwain.min.js"> </script>
  
  <script type="text/javascript"> 
    Dynamsoft.DWT.ResourcesPath = 'https://unpkg.com/dwt/dist/';
  </script>

Windows Virtual Scanner

Install the Virtual Scanner on Windows. The virtual scanner allows you to test the document scanning features without a physical scanner.

You can also get the virtual scanner source code and customize it.

Examples

• Basic Scan
• Custom UI
• Image Tag
• ASP.NET MVC
• Node.js
• Golang
• Python Django
• PHP Laravel
• Polymer
• Express Jade
• Electron
• Angular
• Python Qt
• Flutter Windows Desktop
• Web Document Viewer
• RESTful API Example
• Mobile Camera
• Flutter Android WebView