File upload limitation due to browser

mahad.haqqi · 2024-12-27T07:55:57.077Z

I have developed a plugin for uploading files, but the only issue that I am facing is the file upload size limit. I guess that is at the browser’s end because Bubble allows you to upload files up to 5 GB.

I just wanted to know if there is any workaround for this issue.
Thanks in advance.

image1517×917 104 KB

Zeroic · 2024-12-27T17:34:40.502Z

Not explored this but you could consider building a server-side plugin maybe?

mahad.haqqi · 2024-12-30T09:03:00.848Z

Thanks for your response. I will give it a try.

marcellinelefevre55 · 2025-01-06T16:31:26.137Z

Your plugin looks nice, but yeah, those download limits are a headache. If Bubble allows up to 5 GB, the problem may lie with browser settings or intermediate server restrictions (like timeout). Cut files into smaller pieces on the client side before uploading (via JavaScript, for example with the FileReader library) and reconstitute them once downloaded. This often gets around the limitations imposed by browsers. If you have a dedicated backend, make sure it’s configured to handle large transfers.

mahad.haqqi · 2025-01-10T09:10:31.212Z

Thanks for the advice. I have resolve the issue. first I was using the base64 and blobs for extracting certain file attributes but now u have directly used the file object for the uploading and its working fine.

Appreciate your response again.

florianherzog · 2025-01-18T02:25:46.651Z

As I understand it from building my backend File Uploader, the hard limit of the /fileupload endpoint is around 50MB

The native Client side Fileupload Element switches gear to another Endpoint when exceeding that size. I don’t know how to interact with that other endpoint, but it’s there and if your Browser can make the request with the native Tool, you should somehow be able to do it as well with a little testing