Making this post because I can’t edit the last one. Will close the old topic after linking this post to it
Better Uploader is a feature packed tool for bubble developers of all skill levels. One of it’s best features 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
What it does:
- Drag & drop files and folders
- Multi-file uploading
- Multi file & single file uploading progress (as a %)
- Rename files before sending them to the server
- Limit file types & control what file types are displayed in the file explorer
- Set a maximum amount of files to be uploaded at once
- Set a maximum file size (supports above 50mb!)
- Preview your file (such as an image) before sending in to the database
- Separate uploading files locally (to the browser) and sending those files to server
- Enables doing work (processing) on files before sending them to server
- Supports standard style customization (placeholder, background color, font properties, border, etc …)
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 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! Better 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.