Better Uploader ☁️ [Free Upcoming Plugin]

Hi Bubblers,

I come to you all today with good news: I am creating a new free plugin and it will be released sometime this or next week.

Video demonstrations: part 1, part 2, part 3
And I’ve prepared some documentation here.

I believe it will be very useful for beginners, advanced users and plugin developers. Particularly, I believe it’s best feature is that it can be incredibly useful for app optimization for large scale apps. It can cut down on a lot of processing time (in case where apps are handling large files and or multiple files at a time), and let’s not forget bandwidth fees :sob:

What it does:

  • Supports drag & drop
  • Support multi-file uploading
  • Supports displaying loading & uploading progress as a %
  • Separates uploading files locally (to the browser) and sending those files to server
  • Supports standard style customization (background color, font properties, border, etc …)
  • Preview your file (such as an image) before sending in to the database
  • Enables doing work (processing) on files before sending them to server

What does this mean? Well, let’s look at the exposed states:


Pay attention the two highlighted exposed states, this is the interesting part. Once a user uploads a file to the file uploader, an exposed state called “Raw Data” is made available; it is a list of data Urls (thank you @sudsy for explaining to me the difference between a base64 string and a data URL here … ) which can be used as the source of an image in order to preview images before uploading them to the server, for instance.

Better yet, a plugin builder might want to run some code on an image before sending it to the server. For example, I’m building a filter plugin that applies standard image filters to images. The normal workflow would be to use the default bubble uploader which automatically sends files to the server automatically, so the builder would have to

upload image → retrieve image → apply code → upload new edited image → replace image

I say, BLASPHEMY to such inefficiency!

My upload compacts that down to this workflow:

upload image → do code → send to server.

Et voila! My uploader cuts down on processing in half in some instances. Imagine, having to apply modifications to 50 files and doing it the default way, you’d have to perform double the processing.

Questions, comments, suggestions? Please leave a reply!

By the way, my name is Jonah and I am a bubble freelancer. If you or someone you know needs help with building an application or a custom plugin for bubble, feel free to send me a message here :slight_smile:


UPDATE: The plugin releases today! :slight_smile:


1 Like

Seems cool! Thank you for making and sharing this!

1 Like

Thank you so much, it means a lot. You are very welcome :slight_smile:

1 Like

Looking forward to checking it out :slight_smile:

1 Like