ProcessMaker API Documentation
ProcessMaker Examples

Example: Loop and File Upload Controls to Upload Multiple Files

Follow an example that uses Loop and File Upload controls to upload multiple files within a Screen.

Overview

Intended audience: Process designers, Web designers, graphic designers, software developers, coding engineers

Tags: Loop control; File Upload control; Screen design

Use the Loop and File Upload controls to upload multiple files in a Screen.

Download an example of this Screen at the end these instructions, and then import it.

Follow these steps to design a Screen that allows multiple files for upload:

  1. Add the Loop control to the Screen page from which users may upload multiple files.

  2. From the Data Source setting, select the New Array of Objects option.

  3. In the Default Loop Count setting, enter how many files by default that may be uploaded to this Screen. 3 is the default setting.

  4. Select the Allow additional loops option to allow additional files be uploaded to this Screen. By default this setting is not selected, which would prevent additional files be uploaded.

  5. Do not enter a visibility rule in the Visibility Rule setting so that the Loop control always remains visible.

  6. Specify other settings in the Loop control as necessary. These settings do not affect how this example functions.

  7. Add a File Upload control to the Loop control by dragging it into the Loop control.

  8. Configure the File Upload control as necessary. These settings do not affect how this example functions.

  9. Add a Submit Button control to this Screen. Ensure not to add the Submit Button control inside the Loop control.

  10. Save your Screen.

  11. Reference this Screen from a Process model or as an editable Screen in a Collection.

Multiple files uploaded to a Screen Using the Loop control