Creating Multiple File Uploader

zihaowang · 2024-11-23T02:20:48.739Z

I’m trying to create a page where users can upload multiple files associated with a Property (datatype). I created a Property datatype and a File datatype. The fields for the File datatype are File URL (file) and Property (Property). I’m using the Multi-File Uploader, but I’m not sure how to do the workflow that can save the files and associate it to the right property

tylerboodman · 2024-11-23T04:42:47.256Z

You will want to make a backend API workflow with a Property parameter and a file (the bubble datatype) parameter.

Then with the Bubble multifile uploader, after the upload is complete do Schedule API workflow on a list pick your new workflow
Set the list to run on to the multifile uploads list of files
Set the Property value to the correct property
Set the file value to This file

Inside the workflow do Create a Thing → File (your datatype) and set the file and Property to the parameter values

costas · 2024-11-23T05:30:24.352Z

Hi Tyler,

Thanks the reply.

Quick question, can this be used to create independent record for each upload, i.e, to create the file, e.g image as a senate ‘create a thing’ item, even though the files are going in the multiple file loader?

I am doing something similar with images but have a them around but I am not satisfied it’s best option.

Thanks

tylerboodman · 2024-11-23T05:44:43.552Z

Yes that will create a thing per file

Multifile uploader → schedules an API workflow per file → creates a thing for each file

costas · 2024-11-23T05:52:38.587Z

Hi Tyler,

Thanks. Can’t wait to try it out. If you see the workaround!… works and inventive but… issue is I am uploading to wasabi so added a layer of complexity. Hopefully this will help. Thanks for feedback.

tylerboodman · 2024-11-23T05:59:34.966Z

what plugin?

mitchbaylis · 2024-11-23T06:32:53.075Z

Look into filestacker.

there are several issues with the bubble file uploaders for multi file uploads. use a dedicated solution if you need this as a core function in your app

costas · 2024-11-23T07:52:52.000Z

Hi Tyler,

It’s the zeroqode wasabi uploader plugin.

Yours Sincerely,

Costas Siavelis

tylerboodman · 2024-11-23T23:55:51.266Z

That one has a huge security issue it leaks your secret key in the client’s browser. Use this one Wasabi Storage Dropzone & Utilities Plugin | Bubble

And that plugin also triggers an event per file uploaded, so you don’t need anything I described before, inside the event you can just create a thing per file uploaded