[New Plugin] Better Multi File Uploader

Thimo · 2024-09-20T15:40:05.428Z

Hi all!

I just published a plugin that allows you to upload multiple files at the same time by selecting them and/or by using drag and drop. You can see the current progress for each file, remove the file, remove files, clear/reset the uploader, and view metadata such as file name, file size, file URL, file type, etc.

Fully customize the uploading experience
Limit file types
Make files private
View upload progress & human readable errors

Demo page (editor is public): Better Multi File Uploader
Plugin page: Better Multi File Uploader Plugin | Bubble

ezgif-2-0720928cc6

Let me know if you have any questions, bug reports or feature requests!

phan.personal · 2024-09-24T10:38:48.766Z

Great plugin to design a nice uploading interface compared to the Bubble plugin.

But need a State for all uploaded completed is Yes to be useful.

use case is when all uploaded completed is yes, trigger workflow to process the uploaded files.

Thimo · 2024-09-24T11:41:42.522Z

phan.personal:

But need a State for all uploaded completed is Yes to be useful.

use case is when all uploaded completed is yes, trigger workflow to process the uploaded files.

Hi @phan.personal!

You could actually already do this as all the files have the “fileUploadComplete” status. So you can filter the list on "fileUploadComplete = no":count is 0 (you might also need to add a conditional to check if the file uploader is empty or not) to know if all files are done uploading.

Added an example to the demo page for you: Better Multi File Uploader

2024-09-24 om 13.46.191660×1330 175 KB

However, I am not sure if the logic you are describing would be the best UX as often with multi-file-uploaders users first upload for example 3 files and after that 2 more files. So in most cases you want to have a button the user can click to trigger the logic to process the uploaded files

phan.personal · 2024-09-24T12:41:26.988Z

thanks @Thimo

didn’t know there’s a complete state for each file, playing around with that I can implement my use case, though a separate all uploaded complete state in workflow would be great.

Thimo · 2024-09-24T12:46:05.526Z

phan.personal:

It would be good though to have a state like one of these in the workflow which can be used to trigger workflow when all uploads are completed.

Ah, I can see that a workflow event would be nice to have! I just pushed a new version (1.1.0) that adds the “All Files Uploaded” workflow event:

2024-09-24 om 14.43.37878×902 60.5 KB

Also updated the demo page!

2024-09-24 om 14.45.122454×1868 416 KB

phan.personal · 2024-09-24T12:57:23.352Z

that’s quick,

Here’s another one for you.

the url got an extra https:https://

image2379×280 9.2 KB

Thimo · 2024-09-24T13:11:02.911Z

Ah interesting. Thanks for flagging! I should have fixed this in version 1.1.1. I added additional logic to check if “https://” is already present and if so to not append “https:”. Hope this fixes your issue