Better Uploader [UPDATED 2024] ☁

is it possible to add a feature to scaled down or reduce quality of raw images before send to database?

You can use cloud companion to compress images before uploading them. It’s one of my plugins, it’s 6$

1 Like

Hi I’ve successfully implemented Better Uploader into my application. Due to the fact that my files are large (5-10gb) my main concern is resuming uploads that has been stopped (typically browser refresh or computer hybernation).

What are the recommended strategies solving that?

Is there any way to get the full local path of a file to at least restart an upload automatically without user action?

Are you planning to support TUS protocol?

Am I missing something that I would benefit from “off the shelf” to solve or aliviate this use case?

Thanks for your support!

Hey there :waving_hand:

Thanks for your question. Better Uploader uses a function provided by bubble to upload files . There’s no documentation about this protocol, so I can’t answer that. However, I know that you can’t get the file path from a browser. This is not possible because of privacy concerns. No websites or web applications can do that, as Javascript does not allow it.

All the best

Many thanks to your quick replay.

The summary is that there is no technical way to resume nor re-start halted partial uploads anytime we are re-using the native Bubble upload procedure, isn’t It?

Kind Regard

1 Like

The user must keep the page open during an upload :slight_smile:

Hi everyone,

I was wondering if anyone has encountered different preview behavior when using Better Uploader + Better File Previewer on Chrome vs. Safari (MacOS, latest version).

I’ve been exploring Better Uploader for the past few days, and I find it to be an excellent solution—far superior to Bubble’s native uploader. Huge thanks to @jonah.deleseleuc for making it free and available to the community! It’s much appreciated :folded_hands: :flexed_biceps:.

Issue: Video Preview Differences Between Browsers

I’ve configured Better Uploader to allow image and video uploads only, with a file size limit of 50MB per file. However, when previewing .mov or .mp4 files, I noticed the following differences:

  1. Large File Mode: Enabled (Loader) + Preview File: Yes (Viewer)
  • Chrome: Works fine for small videos (~5MB), but for larger files (~15MB), the preview is blank, and the file gets auto-downloaded. In addition, for Image, the Object Fit doesn’t work , image displayed in actual size (doesn’t fit the display area).
  • Safari: Preview is always blank, regardless of file size.
  1. Large File Mode: Enabled (Loader) + Preview File: No (Viewer)
  • Chrome: Shows the file fallback image for all file sizes.
  • Safari: Works fine for all file sizes.
  1. Large File Mode: Disabled (Loader) + Preview File: No (Viewer)
  • Chrome: Shows the file fallback image for all file sizes.
  • Safari: Works fine for all file sizes.
  1. Large File Mode: Disabled (Loader) + Preview File: Yes (Viewer)
  • Chrome: Shows the file fallback image for all file sizes.
  • Safari: Works fine for all file sizes.

Has anyone else experienced this?

I’m curious if this is a known limitation or if there are any workarounds to make video previews more consistent across browsers. Any insights would be greatly appreciated!

Thanks!

Hi, could you help me with uploading files on Better Uploader?

Is it possible to set a file size limit for all files in total, instead of just for one file at a time? Also, is there a way to create a workflow that triggers a pop-up notification if a file exceeds a certain size, like 5MB, indicating that the file is too large?

I would appreciate any help or guidance! Thank you! :blush:

File preview seems to be broken. Even on demo.

This is so awesome

1 Like

@jonah.deleseleuc Hi, I have a question! How can I save uploaded images in a data field like “Support Ticket Message” where “Images = Image”?

Right now, it seems like I can only attach images to a “thing.” When I attach them to the correct support ticket message, I’m unsure how to retrieve them in a repeating group of messages.

Thanks for an awesome plugin! :grinning_face_with_smiling_eyes: :pray:

EDIT: Never mind i got it working from the editor you shared, thank you once again for a great free plugin and good documentation :pray:

1 Like

Hey @jonah.deleseleuc not sure if I’m doing this right?

Back to the problem i had before, i have a test data type called Better uploader:

And i want to add the files to the data filed Files and Images, i have tried the following:


But if i do create a new thing under the BetterUploader A file is uploaded then it seems like it is repeating it as many times as there are files, 3 files, repeats 3 times etc, which in my test sends 3 messages or in my app case creates three support messages that are identical?


im not sure what im missing / doing wrong? Would love any guidence :slight_smile:

Hi Jonah,

we just discovered that my application (that relays on Better Upload) doesn’t work with Safari. This is the case:

however in chrome everything is ok:

the problem is customers are getting no clue on what to do with the grey area (no text indicating “drop files here”). The problem is even worst, as when drag&drop files into the empty grey area, files’ list are not shown BUT are stagged behind the scene. If you proceed “blind” the application works and uploads the files.

I’ve trying to change the font and size of the “better uploader” element without luck, no way to show text in Safari.

Can you help me with that?

Regards

Thank you for the bug report I’ll check it out :slight_smile:

Hey, how do I reset a Better Uploader? When Files are uploaded they stay in the element and doesn’t reset.

you can wrap your element in a group and then user reset group/data

1 Like

Hi Jonah, any news on that?

Hi, really great plugin - works great in general and is very performant.

One thing that doesn’t work is “Remove file from Selected BetterUploader A”. It can’t find a match between the Raw Data from the plugin element and the Image’s URL (even though they are the same text when you compare them). So it doesn’t actually remove anything.

(Also doesn’t work on the demo page))

Hey @jonah.deleseleuc ,

It looks like HEIC format images are no longer working. I tested it on the plugin’s demo page as well, and it’s not functioning there either. Could you please take a look when you get a chance?

Thanks!

I need help with a basic workflow of the updated plugin please.
The doco isnt matching the new plugin.
Assuming the file has been selected using the Better Uploader element.
The workflow would look like this:
Step 1 - Send File(s) to Cloud A Better Uploader
Question A) When would I use “Attach To”
Step2 - Create/Change a Thing
Data Set Name
File = ???
Question 2) How do I reference the Uploaded file in Step 1?
Question 3) How do you enforce the Better Uploader element is not empty?
Question 4) I assume the Data type is “File”