Advanced Multi File Uploader

✅

Link to the plugin page:

https://zeroqode.com/plugin/advanced-multi-file-uploader-plugin-1728458822974x208718586700782370

Demo to preview the plugin:

✅

Live Demo:

https://better-multi-file-uploader-demo.bubbleapps.io/better_multi_file_uploader?utm_source=docs&utm_medium=referral&utm_campaign=demo_link

✅

Bubble Editor:

https://bubble.io/page?version=live&id=better-multi-file-uploader-demo&name=better_multi_file_uploader&tab=tabs-1

Introduction

The Advanced Multi File Uploader plugin provides a fast, intuitive, and highly customizable way to upload multiple files in Bubble. It supports drag-and-drop, privacy settings, file size/type restrictions, and workflow-based event handling, making it ideal for applications that require bulk uploads with full control over the user experience.

Key Features

Prerequisites

Before using the plugin:

Ensure your Bubble app has file storage enabled

Enable privacy rules if using Make Files Private

(Optional) Set up a database Thing to attach files to

No additional setup or libraries required.

How to Set Up

Step 1. Install the Plugin

Step 2. Add the Element to Your Page

Step 3. Configure the Element

Step 4. Add Workflow Logic

Step 5. Preview & Test

Plugin Element - Better Multi File Uploader

Fields

Element Actions

Exposed States

Element Events

Plugin Data Calls

File

Returns a full File object with metadata about the uploaded file.

Return Values:

json
{
"data_call": "File",
"description": "Returns detailed metadata about an uploaded file.",
"return_type": "File object",
"fields": {
"fileId": "Unique identifier for the uploaded file",
"fileName": "Original name of the uploaded file",
"fileUploadProgress": "Current upload progress (0–100)",
"fileUploadBytes": "Number of bytes uploaded so far",
"fileUploadComplete": "Boolean indicating if upload is finished",
"fileUploadError": "Error message if the upload fails",
"filePreview": "Preview URL or data for supported file types",
"fileSize": "Size of the file in bytes",
"fileType": "MIME type of the uploaded file (e.g., image/png)",
"fileUrl": "Public or private URL pointing to the uploaded file",
"raw_body_text": "Raw text content extracted from the file, if applicable"
}

Title	Description	Type
Max file size (MB)	The maximum allowed size (in MB) for each uploaded file. Files exceeding this size will be rejected.	Number
File uploads enabled	Enables or disables uploading for this element. Useful when conditionally controlling uploads.	Yes/No
Data Type	Select the internal file type used by this plugin → “File (Better Multi File Uploader)”.	App Type
Allowed File Types (Optional)	Restrict allowed file formats. Use comma-separated extensions: `.pdf,.jpg,.png`. Leave empty to allow all types.	Text

Title	Description	Type
Enable Drag and Drop Target	Activates drag-and-drop functionality so users can drop files directly into the upload zone.	Yes/No
Drop Area Element ID	The ID of the Bubble element that will act as the drop area. Leave blank to make the entire page the drop zone.	Text
Drop Area Border Color	Color of the drag-and-drop area border.	Color
Drop Area Border Width	Width (in pixels) of the border around the drop area.	Number
Drop Area Background Color	Background color of the upload zone.	Color

Title	Description	Type
Make Files Private	When enabled, uploaded files are stored privately—accessible only based on Bubble’s data privacy rules.	Yes/No
Attach File To	Automatically attaches uploaded files to a specific database Thing, such as Current User, Project, etc.	Thing

Title	Description	Type
Data Type	Select “File (Better Multi File Uploader)” as the data type stored for each uploaded file.	App Type
Allowed File Types	Comma-separated list of allowed formats e.g. `.pdf,.png,.jpg`. Leave empty to accept all.	Text
Enable Drag & Drop Target	Enables the drag-and-drop file upload functionality.	Yes/No
Drop Area Element ID	ID of the element that acts as the drop area. Leave empty to use the entire page.	Text
Drop Area Border Color	Color of the drop area border.	Color
Drop Area Border Width	Width of the drop area border (px).	Number
Drop Area Background Color	Background color of the drop zone.	Color
Make Files Private	Stores files under Bubble’s privacy rules; only permitted users can access.	Yes/No
Attach File To	Attach uploaded files directly to a database object (e.g., Current User).	Thing

Title	Description
Remove File Upload	Removes a specific file from the uploader list.
Select / Add Files	Opens the file picker for manual file selection.
Clear / Reset Files	Clears all uploaded files and resets the element to empty state.

Title	Description
New File Uploaded	Triggers each time a new file is successfully uploaded.
All Files Uploaded	Fires when all selected files finish uploading.
Error Uploading	Fires when any file fails validation or upload.

Advanced Multi File Uploader

Demo to preview the plugin:

Introduction

Prerequisites

How to Set Up

Step 1. Install the Plugin

Step 2. Add the Element to Your Page

Step 3. Configure the Element

Drop Area Configuration

Privacy & Data Handling

Step 4. Add Workflow Logic

Available events:

Example Workflows

When a file is uploaded

When an error occurs

When all files are uploaded

Step 5. Preview & Test

Plugin Element - Better Multi File Uploader

Fields

Element Actions

Exposed States

Element Events

Plugin Data Calls

File

Changelogs

Update 14.01.26 - Version 2.0.0

Update 02.07.25 - Version 1.9.0

Update 10.06.25 - Version 1.8.0

Update 05.06.25 - Version 1.7.0

Update 31.05.25 - Version 1.6.0

Update 30.05.25 - Version 1.5.0

Update 03.01.25 - Version 1.4.0

Update 07.11.24 - Version 1.3.0

Update 09.10.24 - Version 1.2.0

Update 24.09.24 - Version 1.1.1

Update 24.09.24 - Version 1.1.0

Update 22.09.24 - Version 1.0.2

Update 20.09.24 - Version 1.0.1

Update 20.09.24 - Version 1.0.0

Update 20.09.24 - Version 0.0.2

Update 19.09.24 - Version 0.0.1