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
  • Inputs and Settings
  • File Base64 string
  • File Name (with extension)
  • Filte String Type
  • Folder Path
  • Trigger ID (optional)
  • Triggered events
  • Stored values on the listener
  • Uploaded File URL
  • Error Message
  1. Plugin Front-end Actions
  2. Firebase Storage

Upload file base64

PreviousFirebase StorageNextDelete uploaded file

Last updated 11 months ago

This action allows you to upload a file encoded as base64 to Firebase Storage.


Inputs and Settings

File Base64 string

The string of the file, in base64, that you want to upload to Firebase Storage.

File Name (with extension)

The name you want the file to have on Storage, with it's extension,, since the process of infering which kind of file is being uploaded from a base64 is not always accurate.

Filte String Type

Two options, base64 or data_url:

Option
Description
Exemple

base64

String of "pure content" in base64. That's the one Bubble provides on the backend, for instance.

VGhpcyBpcyBhIHRleHQgZW5jb2RlZCBpbiBiYXNlNjQ=

data_url

String of metadata + base64 content. If usually starts with "data:MIME-TYPE;base64," followed by the base64 string.

data:text/plain;base64,VGhpcyBpcyBhIHRleHQgZW5jb2RlZCBpbiBiYXNlNjQ

Folder Path

The path of the folder you want to store the file in. The path you specify will generate the folder on Firebase Storage, if it doesn't already exist.

Trigger ID (optional)

If left blank, all listeners on the page with blank ID's will be triggered at the same time, so we suggest to always define a Trigger ID.


Triggered events

  • File Uploaded (if the action was successful)

  • Error in Action (if an error occurs)


Stored values on the listener

Uploaded File URL

The URL of the file uploaded by the action.

Error Message

If an error occurs, you can check its details on this state on the action listener.

This will link the action with a of the same ID.

When the function finishes running, it will trigger the event, storing the Uploaded on the listener element states.

Those events are triggered by an with the same ID as the provided on the action.

Action Listener
File Uploaded
Uploaded File URL
Action Listener
Trigger ID