Better Uploader [UPDATED 2024] ☁

Showcase Plugins
126

Thanks for the feedback Matt.

I took a look at the documentation, and OpenAI requires you to send the actual JavaScript File construct. I can’t expose the JavaScript a list of File’s in the bubble editor because the exposed state’s that I send back to bubble must be a basic type like text, number or boolean. However, there’s an easy workaround you can do to get around this. If you have a look at the BetterUploader docs you will find this in the exposed states section:

image
image1124×148 13.2 KB

The uploader ID can let you easily have access to these files. For example,

const fileList = document.getElementById(uploaderId).files

Will return a FileList that you can use. I did this quickly in the browser inspector to show you (I know the ID because I used the inspector to get it. The ID is dynamic and changes every time you refresh the page):

image
image1256×198 27.9 KB

With that FileList, you can write a small piece of code to upload the file :slight_smile:

I hope this helps!

Jonah

127

Hey Jonah,

Few feedbacks and bugs I want to point out;

  1. Lets say I upload 20 images and 19 of them are feasible 1 is not, the raw data show doesn’t happen, I think I need to be able to show successfull ones and failed ones with failing reasons in a rg

  2. When files raw added, if I click to open files and then click cancel, already existing ones dissappear

  3. If ‘‘add to existing files’’ can happen via dropzone I can hide the better uploader and replace it with the one that has ‘‘add to existing files’’ I can work around file replacement issue

128

Hi @jonah.deleseleuc

We’re working on a client project using the Better Uploader plugin (really nice by the way). But, we’re having an issue with larger files (video upload .mov of 5GB ish).

I’ve checked the console and the final log is “Error: UserError FILE_TOO_LARGE”

What is the max file size supported please? We’re on the latest version 11.6.5 of the plugin and have the Large File Mode/performance mode checkbox enabled and set the Max File Size to be 100000.

129

Hey @jonah.deleseleuc
Bloody awesome plugin first of all. One issue I am having is the upload order when I am adding 15ish + photos via drag and drop. It seems to break and add some of the images from the bottom to the top. Heres a video showing that everything works fine when you select the images directly from the browser, but then breaks when you drag and drop them in:

130

Hi @jonah.deleseleuc !!! Maybe I am missing something here, but I cant find the guides on how to use the plugin (How to setup a Better Uploader, How to preview files, etc… ) on the doc. It seems like used to be somo links there. Where can I find those? Thank you in advance!

131

Seems like there were links in those “How to…” titles

Screenshot 2025-12-16 at 4.34.46 PM
Screenshot 2025-12-16 at 4.34.46 PM1252×771 77 KB

132

Hi forums,

A new guide is available in the documentation section:

image
image1298×563 69.2 KB

Hope this helps!

Jonah

133

I’m having an issue sending files to the cloud, after using the Uploader’s raw data in an api call.

We’re allowing users to upload documents, and then sent to anthropic api in base64 format, using Better Uploader’s Raw Data.

Directly after sending the Raw Data in the API call, it wipes the uploader element. We’re using the data for some back and forth with an ai agent, but then once that is over, we want upload the files to the bubble DB.

As its blank, when we try the action ‘Better Uploader send files to the cloud’ it says error no files have been uploaded.

Any tips?

134

Hello,

If the uploader is being wiped the reset action is being triggered at some point. To avoid this problem, save the raw data to an element state or a cookie to manually control this.

Cheers