@jonah.deleseleuc are you able to upload to S3 or any other cloud service other than bubble? I’ve seen this request on the 2023 thread, and hoping this has been added since then.
@jonah.deleseleuc there’s several features that do not work on my install. I’ve followed the demo editor to a tee.
- “Remove file from Selected Better Uploader” - Logs “No match found” on console
- Compress Image(s) CloudCompanion - I placed a CloudCompanion instance on the page, and referenced the ID of the BetterUploader Instance on the page. The “Image Compression is Complete” never fires
I’m trying to upload files to s3 but I’m running into an issue. Your plugin states that it provides everything needed to upload to apis but I’m struggling merging the file name with the raw data. The file’s file name isn’t available along side the encoded string. To access the file name you have to use the state File Name split by (,) each item which is a separate list than the raw data. Even using a repeating group you have to access the better uploaders raw data item# current cells index. Trying to run the files held in the uploader on a list in a workflow is beyond me without access to both the file name and the base64 string. The base 64 string is in the exact format that I need by the way which is awesome. I’m just having some difficulty getting the name. Hoping someone might have a suggestion
EDITED: Ended up passing the file name and raw data each as a list. Hoping they match up in order. Then scheduling another workflow to process the next item. Originally thought that scheduling a workflow on a list might be less WU… would love to be enlightened if it’s about the same.
In the demo you can see how I access the file names. It’s as you say, you simply use :split and use current cell’s index. There is also an action which allows you to rename the file while it’s still a raw data. You can also bulk rename the files upon upload in the ‘Send file to cloud action’
First of all, I can say that your plugin is amazing! But let me explain my case.
I make an API call to receive a link to an MP3 file… this link contains the file, and I would like to upload it to my file manager. Through the API connector, it doesn’t work because of the file size limit, and in this case, these MP3s I have are over 100MB.
Bubble’s native file uploader allows us to upload large files, but you need to select the file manually, it uploads it, and so on… but what I need is to take the link that contains the MP3 and upload it directly.
Could you tell me if it’s possible to do this with your plugin? Or maybe even make some modifications to allow that?
Oh so you’re having trouble because the file is too large to download. Better Uploader isn’t equipped to help with file downloading, it’s more about improving the uploading experience. However, I can whip something up for you if you’d like.
Does it need to be a server side action or will a client side action suffice?
@jonah.deleseleuc is it possible to add a reorder feature to raw files? that whould be extremely handy!! (a customer of mine requested)
Yes it’s possible:) I’ll do that
Also, i wish there was a better way to clear raw files from the uploader, right now i think you can do that only one by one specifiyng its index, i wish there was a remove all feature or something, cuz clear data in a group doesnt reset also, correct me if im wrong.
You can use the reset group / popup action on it’s parent group!
It worked! Can’t wait for the reordering update! Thank you for your service
Hey Dan, I’m considering adding functionality to upload files to your own S3 bucket. Are you familiar with creating your own S3 bucket? I wonder how many bubble users are comfortable with that.
EDIT:
Just as a BTW, Better Uploader already supports uploading files via the API connector to your OWN S3 Bucket. Would you like a tutorial?
Hey @jonah.deleseleuc,
Loving the plugin! Is there anyway I can identify what type of file was uploaded? For example, I have an uploader that accepts .pdf, .png, .jpg
, it would be great to be able to tell after uploading what file type was uploaded.
Edit: Nevermind! I just used regex to extract the file extension from the file name
Just discovered your uploader and love it already - thank you!
I am facing an issue with accessing the uploaded files within a workflow:
- When the uploader’s raw data count > 0 it triggers an upload files call (which works, i see the images stored to bubble’s database)
- I then want to reference the uploaded images by sending them to a backend workflow and storing the first item to a thing as a thumbnail (not in the screenshot), unfortunately it always shows that the better uploader’s uploaded data is empty
Could you please help me out why this could be the case? What am I doing wrong?
I only reset the uploader after the uploaded files should have been referenced.
You must reference uploaded data using the file has been uploaded event!
Thanks so much for the quick reply!
I found the event, is there a way to only trigger the event when a list of uploaded files has been complete? otherwise the workflow will trigger multiple times for each uploaded file
Also the “upload file to cloud” action works, but the file doesn’t render and can’t be read by an api such as Google vision if i convert it to base64:
- See image in bubble’s database:
- clicking on the file opens the url of the file and shows nothing:
here is the url for reference: https://3ff6c24bf23a890bb6ac23b49c3eb75d.cdn.bubble.io/f1729080725732x154041273234151180/IMG_2750.jpg?_gl=1*7j5w2y*_gcl_au*MTk1NzM2OTc1OC4xNzI3MTk1MzQ2*_ga*NjAzMzA4MDM0LjE3MDI5MzUyMjU.*_ga_BFPVR2DEE2*MTcyOTA3MDM4OS4xNjguMS4xNzI5MDgwODU1LjQzLjAuMA
I’ve previously uploaded this picture of a coat multiple times with other uploaders with no issues regarding viewing the image in the stored url.
Hi Jonah!
Congratulations on the incredible work!!
I’m using your plugin and I often get the error:
The Better Uploader plugin threw the following error: TypeError: instance.data.reset is not a function
at eval (PLUGIN_1648049058728x629621556620034000/Better-Uploader-reset–Better-Uploader-.js:3:15)
at ElementInstance2.reset_fn (https://teste-transformar-em-side.bubbleapps.io/package/run_debug_js/f1da73c765470ba9c2b3cdeab42c639852db0a51351b1e9dc7105f279eafae61/xfalse/x29/run_debug.js:599: 653) (please report this to the plugin author)
Do you have any idea what this could be?
(Alice and I got on a call and we resolved the issue together)
Hi there,
Thanks for your interest and kind words! Are you trying to reset the plugin and that’s where you see this error?
Thanks for the info,