Firebase Auth, Firestore & Storage (plugin)
  • 🚀Getting Started
  • Setup
    • Create a Firebase Project
    • Get Firebase access credentials
    • Offline Support
    • Secure your credentials and data
      • Restrict your api-key to your domain
      • Security Rules on Firebase
  • Plugin Elements
    • 🛠️About elements
    • 💾Data Schemas
    • Firebase Auth (Current User)
    • Firestore Data List
      • Firebase Geohash
      • Firestore Data (legacy)
    • Firestore Data Extractor
    • Firestore Data Single
    • Firestore Data Aggregation
    • Firestore Data Processor
    • Firebase Storage Upload Button
    • Firebase Action Listener
    • Firebase Dropdown Processor
  • Plugin Front-end Actions
    • 💻About front-end actions
    • 💾Field types table
    • Firestore
      • Create a new document
      • Update a document
      • Delete a document
      • Update a list of documents
      • Delete a list of documents
      • Batch Operations
        • Batch Operation Constructor
        • Batch Operation Commit
    • Firebase Auth
      • Sign the User Up
      • Log the User In
      • Log the User In with Google
      • Log the User In with Facebook
      • Log the User In with GitHub
      • Log the User Out
      • Update User's Profile
      • Update User's Password
      • Update User's Email
      • Send password reset email
        • Handle reset password code
      • Send verification email
        • Handle verify email code
      • Delete current user
    • Firebase Storage
      • Upload file base64
      • Delete uploaded file
  • Plugin Back-end Actions
    • ☁️About backend actions
    • Firestore Backend
      • Get a list of documents
      • Get a single document
      • Count a list of documents
      • Create a new document
      • Update a document
      • Delete a document
      • Update a list of documents
      • Delete a list of documents
    • Firebase Auth Backend
      • Create an account for someone else
      • Update another user's profile info
      • Delete a user account
      • Generate email confirmation link
      • Generate password reset link
      • Set user roles
Powered by GitBook
On this page
  • Settings
  • Button Text
  • Folder Path
  • Initial Value
  • Allow multiple files
  • File name
  • States and Values
  • Files URLs (list)
  • Last File URL
  • Upload Percentage
  • Is Uploading
  • Is Paused
  • Last File Name
  • Files Names (list)
  • Element Actions
  • Clear files
  • Pause a download
  • Resume download
  • Cancel download
  • Events
  • URLs generated
  • single URL generated
  1. Plugin Elements

Firebase Storage Upload Button

PreviousFirestore Data ProcessorNextFirebase Action Listener

Last updated 1 year ago

This element allows you to upload one or multiple files to the 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.

Firebase Storage