MARKETPLACE
PLUGINS
MULTI FILE SELECTOR AND UPLOADER
Multi File Selector and Uploader logo

Multi File Selector and Uploader

Published May 2019
   •    Updated December 2025

Plugin details

This plugin allows you to add an element that let's a user choose a file from their device, and render it immediately without having to upload it. And you can upload the images on any workflow. Because who wants to waste storage space and burn capacity when you don't need to.
You can use any Bubble element "On element clicked" action to open the users file list.

The files the user selects will be saved into the "FileSelector & Uploader" "All Files" state.

Then, you can show the files in any image, audio, or video element you want. And when your ready, you can upload it to Bubble on any workflow.

Those uploaded files will then be saved in the FileSelector & Uploader "UploadedFiles" state.

Then, you can can save those "UploadedFiles" into your Bubble Data Object.

See the demo here: https://file-selector-and-uploader.bubbleapps.io/version-test

Demo editor: https://bubble.is/page?id=file-selector-and-uploader&tab=tabs-1

$10

One time  •  Or  $2/mo

2.5 stars   •   4 ratings
188 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Steven Junio logo
Steven Junio
Joined 2018   •   7 Plugins
View contributor profile

Instructions

1. Place the input element on your page. Make sure it's visible but and out of the way. It can be as small as you want.
2. Choose a Group, Image, or Repeating Group that you want to display the Image's in by setting the state to "File_Selector_&_Uploaders" 'all_files

3. Run the "Choose Files" Action on any "ON ELEMENT CLICK" event. You can run this on other Non-click events, but it will only work on Computers. Mobile does not support it. Check updates here: https://developer.mozilla.org/en-US/docs/Web/API/FileReader#Browser_compatibility


4. Upload the Image(s) using the workflow action anywhere and return that subsequent link in the "File_Selector_&_Uploaders" 'uploaded_files state"

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Data (things)   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.5)

good little app but please help
July 8th, 2022
Hi! the app is working well. However I have a problem. I have set all the states necessary and created a state that automatically saves each photo to the current users profile. HOWEVER, the saved photos only show in the repeating group "current users photos" when I press the upload button again. I press the upload button. I choose photos. They save to current user. They only display in current user repeating group if I press the upload button again. I have tried page refresh, display data in repeating group, "reset file selection" but nothing is working. How do I display the previously rendered values without having to press the upload button again?
Crashes when uploading more than about 3mb of images
February 1st, 2021
Crashes your whole app when uploading more than 1 or 2 small images. Great overall plugin and exactly what I need for my app. Love how it let's you completely control the UI rather than forcing you to use theirs. Wish it wasn't broken.
Fiz a compra do plugin, só gera 10 arquivos por vez
January 29th, 2021
Amigos, Fiz a compra do plugins, no teste do plugins fornecido pela equipe, pode fazer a alteração para a quantidade de arquivos, porém, comprei o plugin e estou limitado a 10 arquivos por upload e preciso configurar para mais arquivos, assim como esta na demonstração do link https://bubble.io/page?type=page&name=index&id=file-selector-and-uploader&tab=tabs-1. Atenciosamente João Paulo Aguardo uma breve atualização do plugin.
Max 10 Files at a Time? Completely defeats why I bought it
November 29th, 2020
If this is changed, will give 5 stars
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales