Web Demos

BARCODE READER SDK DEMO

Explore the flexibe barcode reading settings to optimize for your specific usage scenario.

WEB TWAIN SDK DEMO

Try the most popular web scanner features: scan images, import local images and PDF files, edit, save to local, upload to database, and etc.

BARCODE READER JAVASCRIPT DEMO

Transform any camera-equipped devices into real-time, browser-based barcode and QR code scanners.

MRZ SCANNER WEB DEMO

Detects the machine-readable zone of a passport, scans the text, and parses into human-readable data.

APP STORE DEMOS

BARCODE READER SDK FOR IOS

BARCODE READER SDK FOR ANDROID

VIEW MORE DEMOS >
Dev Center
Table of contents

Image Viewer

How can I insert an image after a selected image in the viewer?

By default, when you scan or load images, they are appended to the end of the image array in buffer. However, in some business scenarios, the user may want to insert these new images to a specified index. Unfortunately, Dynamic Web Twain does not provide a native method for that. The following code snippet shows how this functionality can be implemented.

1. Insert when acquiring

function acquireToIndex(index) {
  DWObject.IfAppendImage = false;
  DWObject.CurrentImageIndexInBuffer = index;
  DWObject.RegisterEvent("OnPostTransfer", function () {
    DWObject.CurrentImageIndexInBuffer++;
  });
  DWObject.RegisterEvent("OnPostAllTransfers", function () {
    DWObject.IfAppendImage = true;
  });
  DWObject.AcquireImage();
}

2. Insert when loading

function loadToIndex(index) {
  var oldCount = DWObject.HowManyImagesInBuffer;
  DWObject.RegisterEvent("OnPostLoad", function () {
    var newCount = DWObject.HowManyImagesInBuffer;
    for (var j = 0; j < newCount - oldCount; j++)
      DWObject.MoveImage(oldCount + j, index + j);
  });
  DWObject.LoadImageEx("", 5);
}

Is this page helpful?

YesYes NoNo

In this article:

latest version

    • Latest Version
    • Version 17.2.1
    • Version 17.1.1
    • Version 17.0
    • Version 16.2
    • Version 16.1.1
    Change +
    © 2003–2022 Dynamsoft. All rights reserved.
    Privacy Statement / Site Map / Home / Purchase / Support