Base64 File Uploader & Downloader

Demo to preview the settings

Introduction

EZ way to pick up a link to your uploaded file from workflow or directly download it without uploading.
Upload any type of file in base64 format.
  • Can be uploaded as a private file.

PLUGIN ACTIONS DETAILED

  1. File - Download Direct - This action should be used for
    1. Image without caption
      Fields:
      Title
      Description
      Type
      BASE64
      The file for downloading is in the β€œbase64” format.
      text
      File name with ext.
      The name of the file for downloading with extension. (e.g. file.json, file.txt)
      text

API Calls

Plugin Action Calls

  1. Upload File [Free App] - Upload a public file in Bubble.
    1. Image without caption
      Fields:
      Title
      Description
      Type
      appname
      The name of your Bubble application.
      text
      test version
      Fill this field with "/version-test" only if the image needs to be loaded in your version test. Leave it empty if not needed, it will go to live version. Note that the "/" is required before "version-test".
      text
      contents
      The file for uploading is in the β€œbase64” format. In order for it to work properly, remove the base64 naming prefix, which looks like this "data:image/png;base64,”.
      text
      name
      The name of the file for uploading with extension. (e.g. file.json, file.txt)
      text
      Returns:
      Title
      Description
      Type
      body
      The link to the uploaded file.
      text
  1. Upload Private File [Free App] - Upload a private file in Bubble.
    1. Image without caption
      Fields:
      Title
      Description
      Type
      appname
      The name of your Bubble application.
      text
      test version
      Fill this field with "/version-test" only if the image needs to be loaded in your version test. Leave it empty if not needed, it will go to live version. Note that the "/" is required before "version-test".
      text
      contents
      The file for uploading is in the β€œbase64” format. In order for it to work properly, remove the base64 naming prefix, which looks like this "data:image/png;base64,”.
      text
      name
      The name of the file for uploading with extension. (e.g. file.json, file.txt)
      text
      attach_to
      The unique ID of who/which thing owns the file.
      text
      Returns:
      Title
      Description
      Type
      body
      The link to the uploaded file.
      text
  1. Upload File [Paid Plan app] - Upload a public file in Bubble with the paid plan.
    1. Image without caption
      Fields:
      Title
      Description
      Type
      App host name
      Example: bubble.io If you want to upload it on version-test, then add /version-test to the name. Example bubble.io/version-test
      text
      contents
      The file for uploading is in the β€œbase64” format. In order for it to work properly, remove the base64 naming prefix, which looks like this "data:image/png;base64,”.
      text
      name
      The name of the file for uploading with extension. (e.g. file.json, file.txt)
      text
      Returns:
      Title
      Description
      Type
      body
      The link to the uploaded file.
      text
  1. Upload Private File [Paid Plan app] - Upload a private file in Bubble with the paid plan.
    1. Image without caption
      Fields:
      Title
      Description
      Type
      App host name
      Example: bubble.io If you want to upload it on version-test, then add /version-test to the name. Example bubble.io/version-test
      text
      contents
      The file for uploading is in the β€œbase64” format. In order for it to work properly, remove the base64 naming prefix, which looks like this "data:image/png;base64,”.
      text
      name
      The name of the file for uploading with extension. (e.g. file.json, file.txt)
      text
      attach_to
      The unique ID of who/which thing owns the file.
      text
      Returns:
      Title
      Description
      Type
      body
      The link to the uploaded file.
      text

Workflow example

How to upload a file

In this example, it is represented how to upload a file in Bubble.
  1. On the page, two inputs are placed for β€œbase64” and for the name values.
    1. Image without caption
  1. On the page, a button is placed for uploading.
    1. Image without caption
  1. In the workflow, when the Upload and get link button is clicked is called the Upload File [Free App] action.
    1. Image without caption
  1. The result of the Upload File [Free App] action is saved in the custom state.
    1. Image without caption
  1. The saved URL is displayed in the Text element on the page.
    1. Image without caption

Changelogs

Update 15.10.24 - Version 3.18.0

  • Added test-version environment for free app uploader.

Update 22.12.22 - Version 3.6.0

  • Name change

Update 22.11.22 - Version 3.5.0

  • description update

Update 31.10.22 - Version 3.4.0

  • description update

Update 27.10.22 - Version 3.3.0

  • Demo preview update

Update 23.10.20 - Version 3.2.0

  • 2 new API calls for apps that are on paid plans and uploads directly to your app. It was working only for free apps.

Update 30.06.20 - Version 3.1.0

  • New action, Upload Private File

Update 19.12.19 - Version 3.0.0

  • 2.0.1

Update 02.10.19 - Version 2.0.0

  • Description changes

Update 24.09.19 - Version 1.0.0

  • 1.0