Better Multi File Uploader

Demo to preview the settings

Introduction

Effortlessly enhance your Bubble app with the Better Multi File Uploader, enabling smooth, simultaneous file uploads with ease. This plugin allows users to select multiple files or drag and drop them directly into the uploader, with real-time progress indicators for each file.
Better Multi File Uploader offers comprehensive file management features, including options to remove individual files or clear the entire upload list, as well as view essential file metadata like file name, size, URL, and type.
With this plugin, you can streamline the file upload process for users, making it perfect for apps requiring efficient file handling and detailed file insights.

How to setup

  1. Install Better Multi File Uploader plugin
Image without caption
  1. Place the Better Multi File Uploader element on the page
Image without caption

Plugin Element Properties

Image without caption
Image without caption
Title
Description
Type
Allowed File Types (Optional)
Optional, leave empty to accept all file types. Accepts a comma separated list like: .pdf,.png,.docx etc.
Text, Optional
------------------ Drop Area -----------------
Enable Drag and Drop Target
Enables Drag and Drop
Checkbox
Drop Area Element ID
The element ID of the element you want to use as a Drop Area. You can leave this value empty to make the whole page a Drop Area!
Text, Optional
Drop Area Border Color
Drop Area Border Color
Color
Drop Area Border Width
Drop Area Border Width
Number, Required
Drop Area BG Color
Drop Area BG Color
Color
------------------ Privacy --------------------
Make Files Private
Enables making the Files Private
Checkbox
Attach File To
A thing in Bubble. For example: 'Current user'. The uploaded files will respect the privacy rules set to that data type.
Anything, dynamic

Exposed states

Title
Description
Type
All Uploaded Files
Indicates all uploaded files
List of Files
Last Uploaded File
Indicates the last uploaded file
File
Error Message
Indicates the error message
Text
Is Uploading?
Indicates wether the file is uploading
Yes/No

Element Events

Title
Description
New File Uploaded
Triggers when a new file is uploaded
Error Uploading
Triggers when an error appears on file upload
All Files Uploaded
Triggers when all files are uploaded

Element Actions

1) Remove File Upload

2) Select / Add Files

3) Clear / Reset Files

Changelogs

Update 09.10.24 Version 1.2.0

  • Acquired by Zeroqode

Update 24.09.24 Version 1.1.1

  • Fixed a bug causing an additional 'https:' to be appended to URLs

Update 24.09.24 Version 1.1.0

  • Added the "All Files Uploaded" Workflow Event

Update 22.09.24 Version 1.0.2

  • Updated description

Update 20.09.24 Version 1.0.1

  • Updated description

Update 20.09.24 Version 1.0.0

  • Launch

Update 20.09.24 Version 0.0.2

  • Improvements

Update 19.09.24 Version 0.0.1

  • Pre-launch