Wasabi Cloud Storage Mobile

⚠️

This plugin is currently available only in the Bubble Mobile Bundle.

Demo to preview the plugin:

✅

Live Demo: https://zeroqode-native-demo-11.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=Wasabi Cloud Storage

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-11&plugin=1771590866215x413775299248128000_current&tab=Design&name=Wasabi+Cloud+Storage&type=page&version=live&elements=bTIMD

Introduction

Wasabi Cloud Storage Native Mobile is a production-ready Bubble Native plugin that allows users to upload files directly to Wasabi Technologies (S3-compatible object storage) using secure pre-signed URLs generated via backend authentication.

Prerequisites

Before using this plugin, you must have:

A Wasabi account

https://wasabi.com

A created storage bucket inside Wasabi.

Access Key & Secret Key generated from your Wasabi console.

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/t65D5D6R

⚠️

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

How to setup

Step 1 — Create a Wasabi Account

Step 2 — Configure Billing

Step 3 — Create Access Keys

Step 4 — Configure CORS Policy (Required)

To allow file uploads from your Bubble Native app, you must configure CORS for your Wasabi bucket.

Go to your Wasabi Console.

Open Buckets.

Select your bucket.

Go to the Permissions tab.

Open CORS Configuration.

Add the following configuration:

javascript
[
  {
    "AllowedHeaders": ["*"],
    "AllowedMethods": ["GET", "PUT", "POST", "DELETE"],
    "AllowedOrigins": ["*"],
    "ExposeHeaders": ["ETag"]
  }
]

Step 5 — Configure the Plugin in Bubble

Step 6 — Configure Bucket Policy

Step 7 – Add the Plugin Element to Your Page

Step 8 – Configure Properties

Plugin Element - Wasabi Cloud Storage

Wasabi Cloud Storage Native Mobile is a Bubble Native element that enables secure file uploads directly to Wasabi (S3-compatible storage) using pre-signed URLs. It supports multiple file selection, upload progress tracking, retry handling, and secure deletion. The element publishes uploaded file data and events, allowing full workflow integration inside your Bubble app.

Fields

Name	Description	Type
📁 Upload Settings	Section label (no value).	—
Token	Secure API token used to authenticate presign requests to your backend.	text
Region	Region where the bucket is hosted (e.g., `us-east-1`).	text
Bucket Name	Target Wasabi/S3 bucket name.	text
Allow Multiple Files	Allow selecting multiple files.	yesno
Max File Count	Maximum number of files allowed in total.	number
Max Total Upload Size MB	Maximum total file size (MB) allowed per upload batch.	number
Picker Source	Which picker opens on button press: `Both`, `Gallery`, `File Manager`.	text
📝 Texts & Messages	Section label (no value).	—
Labe Title	Main title text shown in the UI.	text
Message Success	Shown when all uploads complete successfully.	text
Message Error	Generic error text when an upload fails.	text
Message Title Uploading	Status shown while uploading (supports `{count}`).	text
Message Deleting	Status shown while deleting from server.	text
No Valid Files	Error shown when selected files are invalid/corrupted.	text
Message Permission Denied	Shown when media/file permission is denied.	text
Message Selection Canceled	Shown/published when the picker is canceled.	text
Message Limit Exceeded	Shown when file count exceeds limit (supports `{max_file_count}`).	text
Message Size Exceeded	Shown when total size exceeds limit (supports `{max_total_upload_size_mb}`).	text
Modal Title Label	Title of the “Select Source” modal (when Picker Source = Both).	text
Gallery Label	Label for gallery option in the modal.	text
File Manager Label	Label for file manager option in the modal.	text
Cancel Button Text	Label/text for the modal cancel button (note: caption says “Cancel Button Text”).	text
🎨 Style	Section label (no value).	—
Border Color	Upload container border color.	text
Border Radius	Upload container corner radius.	number
Background Color	Upload area background color.	text
Font Color	Main text color.	text
Font Size	Main text size.	number
Button Background Color	Icon button background color.	text
Icon Color	Upload icon color.	text
ExpiresIn	Signed URL expiration in seconds (used as `expiresIn	text

Name	Description	Type
Uploaded URLs List	Successfully uploaded file URLs	List of Text
File Names List	Uploaded file names	List of Text
File Sizes List	File sizes in MB	List of Number
File Types List	MIME types	List of Text
Deleted File URL	Recently deleted file URL	Text
Upload Status Text	Current upload status	Text

Event	Description
Upload Finished	All uploads completed successfully
Upload Started	Upload process started
Upload Failed	Upload failed
Image Removed	File removed
Upload Limit Exceeded	Max limit exceeded

Name	Description	Type
accessKey	The access key ID provided by AWS for authentication.	Text
secretKey	The secret access key provided by AWS for authentication.	Text

Name	Description	Type
token	The authentication token generated by AWS, used to authorize file uploads.	Text

Wasabi Cloud Storage Mobile

Demo to preview the plugin: