Skip to content

additional-form-fields.md

Latest commit

 

History

History
78 lines (70 loc) · 3.41 KB

additional-form-fields.md

File metadata and controls

78 lines (70 loc) · 3.41 KB
layout default-layout
noTitleIndex true
needAutoGenerateSidebar true
title How can I send additional form fields with images to my server or database?
keywords Dynamic Web TWAIN, Document Saving, additional form fields
breadcrumbText How can I send additional form fields with images to my server or database?
description How can I send additional form fields with images to my server or database?
date 2021-11-29 18:33:59 +0000
last_modified 2024-09-19 08:47:35 +0000

Document Saving

How can I send additional form fields with images to my server or database?

You can use SetHTTPFormField{:target="_blank"} to set meta data as form fields and use HTTPUpload{:target="_blank"} to send it to the server side with the scanned document.

// Clear old fields before adding new ones
DWTObject.ClearAllHTTPFormField();
DWTObject.SetHTTPFormField("FileType", "Insurance Doc");

You can check out this demo project for sending additional form fields when uploading the scanned document.

SetHTTPFormField{:target="_blank"} can also be used to send image data in base64 or BLOB to the server side.

By design, the method HTTPUpload(){:target="_blank"} only contains one file. But as it essentially sends an HTTP form to the server, you can attach multiple files in that form using the methods ConvertToBlob(){:target="_blank"} and SetHTTPFormField(){:target="_blank"} . Check out the following snippet on how it is done. NOTE that the method HTTPUpload(){:target="_blank"} only has 3 parameters as it doesn't need to specify a file anymore.

/**
 * Upload the images specified by their indices in the specified file type as separate files.
 * @param indices Specify the images
 * @param type Specify the file type
 */
function uploadSeparateFiles(indices, type) {
  var protocol = Dynamsoft.Lib.detect.ssl ? "https://" : "http://",
    port = window.location.port === "" ? 80 : window.location.port,
    actionPage = "/upload.aspx";
  // path to the server-side script
  var url = protocol + window.location.hostname + ":" + port + actionPage;
  if (DWTObject) {
    var done = 0,
      count = indices.length;
    var toBlob = function (index) {
      var fieldName = "SampleFile_" + index;
      var fileName = fieldName + getExtension(type);
      DWTObject.ConvertToBlob(
        [index],
        type,
        function (result, _indices, type) {
          DWTObject.SetHTTPFormField(fieldName, result, fileName);
          done++;
          if (done === count) {
            DWTObject.HTTPUpload(
              url,
              function () {
                console.log("Success");
              },
              function (errCode, errString, responseStr) {
                console.log(errString);
              }
            );
          } else {
            toBlob(indices[done]);
          }
        },
        function (errorCode, errorString) {
          console.log(errorString);
        }
      );
    };
    toBlob(indices[done]);
  }
}