Skip to content

Demoing how to integrate Dynamic Web TWAIN in an angular application and make the most of it.

Notifications You must be signed in to change notification settings

Dynamsoft/web-twain-angular-advanced

Repository files navigation

Dynamic Web TWAIN Angular Advanced

This project was bootstrapped with Angular CLI. It utilizes the SDK Dynamic Web TWAIN to provide the following functionalities.

  • Scan documents from physical scanners
  • Capture images from webcams
  • Load documents from local disk (bmp/jpg/png/tif/pdf)
  • View and process the documents already scanned/captured/loaded
    • Editing (rotate/flip/mirror/crop, etc.)
    • Saving or uploading
    • Barcode reading

Usage

Environment: Node.js v18.16.0

  1. Apply for a 30-day free trial license of Dynamic Web TWAIN.

  2. Update the license key in two files src\environments\environment.ts and src\environments\environment.prod.ts :

    export const environment = {
      production: false,
      Dynamsoft: {
        dwtProductKey: 'LICENSE-KEY'
      }
    }
    
  3. Install the dependencies:

    npm install --force
    
  4. Run the Angular application as follows:

    ng serve
    
  5. Set up and run the server piece which is used solely for receiving uploaded files. Run the command-line as follows:

    cd server
    npm install
    node server.js
    

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.