File Uploader in chatting APP

lopez.jonathan0401 · 2025-01-09T16:27:42.522Z

Hello, bubbers. I hope you are doing well.

Now I am building a chatting app. And I have to implement the multi file attaching feature. Currently I am using the File&MultiFile plugin.

Bubble

Templates for Bubble

Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

And I need to upload and save the files that I selected from the device.
How can I do this?
Please help me.

Thanks.

gus · 2025-01-09T17:03:01.302Z

Hi @lopez.jonathan0401

You should build a visual element that will use this Plugins options to interact with the user. Then, place the File Uploader element in the page, it could be inside the widget you’ve crested. For example:

Screenshot 2025-01-09 at 1.55.07 PM606×492 9.81 KB

Then, start a workflow from it and search for Upload File&Multifile. In this action you should be able to set some variables. It could also be set directly in the editor.

Screenshot 2025-01-09 at 1.57.56 PM1454×868 81.3 KB

Screenshot 2025-01-09 at 2.02.02 PM1454×974 70.4 KB

Also, you can get more info about all the files that have been uploaded inside the FileUploader element to show the user what is happening.

Screenshot 2025-01-09 at 2.00.19 PM1454×868 85.4 KB

Let me know if I can help you more!

lopez.jonathan0401 · 2025-01-09T18:21:04.831Z

Thanks for your message

I have already done this.
But currently I have to save the uploaded files to database.
There is an action called “save a File&Multifile” but am not sure how does it work.

gus · 2025-01-09T18:54:32.085Z

You will need to run another action which is:

Screenshot 2025-01-09 at 3.53.46 PM1354×652 56.4 KB

lopez.jonathan0401 · 2025-01-09T18:58:16.389Z

Sure I saved it in Bubble File manager using the above, but also I need to save it another table.

lopez.jonathan0401 · 2025-01-10T06:57:07.705Z

This workflow is working?
I tried, but It’s not working