---
title: "Example: Loop and File Upload Controls to Limit Uploaded Files"
slug: "example-loop-and-file-upload-controls-to-limit-uploaded-files"
updated: 2024-09-09T02:46:07Z
published: 2024-09-09T02:46:07Z
canonical: "docs.processmaker.com/example-loop-and-file-upload-controls-to-limit-uploaded-files"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.processmaker.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Example: Loop and File Upload Controls to Limit Uploaded Files

Follow an example that uses Loop and File Upload controls to limit how many files may be upload to a Screen.

## Overview

> [!NOTE]
> **Intended audience:** Process designers, Web designers, graphic designers, software developers, coding engineers
> 
> **Tags:** Loop control; File Upload control; Screen design

Use the [Loop](/v1/docs/loop-control) and [File Upload](/v1/docs/file-upload-control) controls to limit how many files may be uploaded to a Screen. Though the File Upload control [allows multiple files to be uploaded](/v1/docs/file-upload-control#upload-multiple-files), any number of files can be uploaded if this feature is enabled. Therefore, this example provides a way to limit the number of files that may be uploaded to a Screen.

> [!NOTE]
> Download an example of this Screen at the end these instructions, and then [import it](/v1/docs/import-and-export-a-screen).

Follow these steps to design a Screen that limits how many files may be uploaded:

1. [Add the Loop control to the Screen page](/v1/docs/loop-control#add-the-control-to-a-processmaker-screen) from which users may upload multiple files.
2. From the **Data Source** setting, select the **New Array of Objects** option.

![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/75a78646-3e28-47d4-b282-bbbb1a59e31b.png)
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.

![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/0f98b1de-1be0-4154-8534-58bd6c3b955c.png)
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.

![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/988d47e8-cc79-47f0-8f42-6043830bd142.png)
5. Do not enter a visibility rule in the [**Visibility Rule** setting](/v1/docs/loop-control#visibility-rule) so that the Loop control always remains visible.
6. [Specify other settings in the Loop control](/v1/docs/loop-control#inspector-settings) 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](/v1/docs/file-upload-control#inspector-settings) as necessary. These settings do not affect how this example functions.
9. [Add a Submit Button control](/v1/docs/submit-button-control#add-the-control-to-a-processmaker-screen) to this Screen. Ensure not to add the Submit Button control inside the Loop control.
10. [Save](/v1/docs/validate-and-publish-a-screen#publish-your-screen) your Screen.
11. Reference this Screen from a Process model or as an editable Screen in a Collection.

[Multifile Uploader.json](https://content.gitbook.com/content/P6fxwYtQYia2gDgyWZ6L/blobs/zddZPxWfmwm8uPaBxOnD/Multifile%20Uploader.json)

![](https://cdn.document360.io/2d311614-fcb7-4424-8b4c-d4d3091eebeb/Images/Documentation/e941cade-8d21-42bc-8bd3-e33def40a630.png)

Multiple files uploaded to a Screen Using the Loop control