Firebase Storage Upload Button

This element allows you to upload one or multiple files to the Firebase Storage service from the user's device, providing status information on the upload process.

---

Settings

Button Text

The display text of the button.

Due to a Bubble limitation, the text won't react entirely with the setting you put on the Bubble editor, but you can preview the app to see all design settings being reflected on your button.

Folder Path

If left blank, the file will be saved on the root directory of the Firebase Storage console, but you can specify a folder path (e.g. user123/photo).

This is useful to better organize files and to make it easier to configure security rules for Storage. For instance, you could restrict access to users so that they only access the folder which names matches with the users UID.

Initial Value

You can feed files to the element to pré-populate it's states, exactly like an Image or File Uploader would work on Bubble.

Allow multiple files

Check this if you want the user to be able to select more than one image at a time.

File name

Allows you to customize the name you want the file to have on storage. If left blank, the name of the uploaded file itself will be used.

---

States and Values

Files URLs (list)

The URLs of all the files stored on Firebase from the element.

Last File URL

The URL of the last file uploaded to Firebase. If you chose to allow only one file at a time, you can simply use this state to get it's URL.

Upload Percentage

The percentage (%) status of the upload process of a file, form 0 to 100.

Is Uploading

True (or "yes") if there is a file being uploaded at the moment, false (or "no") if all uploading operations are completed or didn't start.

Is Paused

True (or "yes") if an upload process is paused before finalization.

Last File Name

The name of the last file uploaded to Firebase. If you chose to allow only one file at a time, you can simply use this state to get it's URL.

Files Names (list)

The list of names of the files that were uploaded and generated URLs on the element's uploading operation.

---

Element Actions

Clear files

Remove files from the current instance of the file uploader

Pause a download

Pauses the download.

Resume download

Resumes the download if it's paused.

Cancel download

Cancels the upload operation

---

Events

URLs generated

Triggered when the selected files finish uploading to Firebase Storage.

single URL generated

Triggered when each individual file is uploaded to Firebase Storage. If you're uploading 3 files, for instance, this event will trigger 3 times.