File Uploader Native Mobile

✅

Link to the plugin page: https://zeroqode.com/plugin/file-uploader-native-mobile-1748584747630x119879954718316480

Demo to preview the plugin:

✅

Live Demo: https://zeroqode-native-demo-03.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=Uploade

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-03&test_plugin=1745565872934x948179487944605700_current&tab=Design&name=Uploade&type=page&version=live

Introduction

This plugin offers a simple and user-friendly solution to add file uploading capabilities to your Bubble Native (mobile) app. By placing the Native File Uploader element on your page, you enable users to upload files easily without any coding. Customize the look and feel of the uploader to perfectly blend with your app’s design, while giving users a reliable way to upload various file formats. Featuring live progress updates and comprehensive control over upload actions, this plugin provides an efficient way to improve your app’s file upload functionality with minimal setup.

Prerequisites

This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/VykzdCs6

⚠️

Please note that the testing app is currently available for iOS only.

How to Use (Step by Step)

💡

Font Customization Limitation

At the moment, it is not possible to use custom font families in Bubble Native apps.

Only system fonts are supported.

💡

Limitation in Bubble Native apps

Currently, it's not possible to open the device's native file manager to manually select non-media files (such as PDF, DOCX, TXT, ZIP).

This is a limitation of the React Native environment provided by Bubble.

💡

Note for iOS users

In React Native apps, iOS automatically converts HEIC images to JPEG.

So even if the original photo is in HEIC format, it will already be sent as a JPEG — no extra conversion is needed.

Name	Description	Type
Endpoint	Upload endpoint URL (e.g., Bubble’s `/fileupload`).	Text
Allow Multiple	Enable multiple file selection.	Boolean
Max File Count	Maximum number of images allowed per selection.	Number
Max Total Upload Size	Maximum total file size (in MB) allowed per upload.	Number
Labe Title	Title text shown at the top of the UI (e.g. “Upload your gallery photos”).	Text
Labe Button	Button label (e.g. “Select from gallery”).	Text
Message Uploading	Message shown during uploading. `{count}` = number of images selected.	Text
Message Success	Message shown when upload is successful.	Text
Message Error	Message shown if upload fails.	Text
Message Cancelled	Message shown if user cancels selection.	Text
Message Empty	Message shown if no images are selected.	Text
Message Limit Exceed	Message shown if selected file count exceeds the limit.	Text
Message Size Exceeded	Message shown if total file size exceeds the limit.	Text
Button Background Color	Hex value of button background color (e.g. `#1AAFD0`).	Text
Button Text Color	Hex value of button text color (e.g. `#FFFFFF`).	Text
Button Font Size	Font size of the button label text (e.g. `24`).	Number
Button Bordar Radius	Radius of the button’s corners (e.g. `8`).	Number

Name	Description	Type	Is a List
Uploaded File Url	Comma-separated list of uploaded file URLs	Text	False
Upload Progress	Global upload progress (0–100)	Number	False
Uploaded File Urls List	List of uploaded file URLs	Text	True
Deleted File Url	URL of the image that was removed	Text	False
Upload Status Text	Current status message of the upload process	Text	False
Current File Name	Current file name	Text	False
All File Names List	List of all file names	Text	True
Current File Size	Current file size	Number	False
All File Sizes List	List of all file sizes	Number	True
Current File Type	Current file type	Text	False
All File Types List	List of all file types	Text	True

Name	Description (optional)
Image Finished	Triggered when an individual image upload completes
Upload Failed	Triggered when the upload process fails
Upload Empty	Triggered when no file was selected
Upload Canceled	Triggered when file selection is canceled
Upload Denied	Triggered when access to media is denied
Upload Started	Triggered when the upload process starts
All Files Uploaded	Triggered when all selected files have been uploaded
File Removed	Triggered when a file is deleted from preview or list
Upload Limit Exceeded	Triggered when file count limit is exceeded
Upload Size Exceeded	Triggered when total file size limit is exceeded

File Uploader Native Mobile

Demo to preview the plugin:

Introduction

Prerequisites

How to Use (Step by Step)

Element Properties

Element States

Element Event

Changelogs

Update 29.05.25 - Version 1.0.0