Lets say, uploaded 3 files, then deleted one, clicked on add more file, selected another file....what happens ? Well It custom state's value simply gets changed with the new file, i.e only one file. So, this isn't working. 2ndly if user selects a few files, delete a couple of them, then selects another couple of files, and at the end saves 3 files. Problem in this is, that all of the files which he has selected will be saved in File Manager. So its not practical.
Solution to the last point is that add "Delete an uploaded File" in your work flow (where you minus the parent's group file). Delete an uploaded File > Set state (minus)
Hi Gaby, this is a great tutorial, well explained, thanks a lot. I am facing a issue that when I add delete button in the group which is inside the repeating group. The button keeps showing up even if the images are not loaded. I hope if you could let me know what wrong am I doing here, Thanks!
Hi Gaby, Great tutorial. Just wondering if you could tell me how to add a file to the repeating group without loosing the files already added. If I try to add a new file it just overwrites the files that are already set in the repeating group.
Hi Justin, use a custom state that is a list of files. Whenever the file uploader is changed, set a state: "state's list :plus item this file uploader's value." If you're using the multi-file uploader, then it would be "state's list merged with this uploader's value." That way, your RG can reference the state and it doesn't wipe with every uploader change.
My bad, I reset the input value first in workflow, my God, 2 hours wasted, lesson learned, always, read the work flow, This happens, then this and then this.......... 😀
Awesome tutorial! I'm a bit worried of using this approach for images as it doesn't set limits on what file-types the user can upload, or give me the ability to resize images at upload, meaning that they might upload huge and/or incompatible filetypes.
great video. I am stucked though, as I always have a "(more)" when I am adding the multiple file'value to the state adding step... I am very annoyed with that
This is a great tutorial. Is there a way to hide the multi-file uploader? I don't want it to show. it isn't the best looking element. Also, how can I save the multiple files to the db?
Hi Gabby, I'm hoping you can help me. In a workflow I am setting the 'only when' condition: It works perfectly when I set these conditions: Multi-Uploader A's value:first item is not empty Multi-Uploader A's value:item #2 is not empty But this setting does not work: Multi-Uploader A's value:is not empty I found a workaround by doing this: Multi-Uploader A's value:format as text is not empty which is great, but it leaves me with 2 issue/error messages :format as text: remember to fill out Content to show per list item and :format as text: remember to fill out Delimiter I don't understand what these are meant to be written as. Thanks Gabby
How can you display these file uploads images, the first one, in a new pages as a list of items? For example say you are adding these files to the data type product. However, after displaying a list of all Products, their first image is not working. Displaying the price (text) works fine though. Even when I specify :firstitem. In the debugger it is getting the list of all images’ URL, but not displaying the first image. I have tried both to have it in an image element, and a Repeating Group set to images with the data source being Current Cell’s product photos.
Hello Joel, I am having the same problem! the image does not appear when multiple images are uploaded to the database as a list. I will include the solution in the following thread when I figure it out: forum.bubble.io/t/image-list-not-appearing/157826/
Hi, Gaby! Is there a way that file uploader could distinguish between image and video file? In case user uploads for ex. 4 images and 1 video, so it would be possible to deviate files into two different custom states for videos and images. Thank you! Great video!
Hi there! The uploader doesn't have a native way to detect file type, but you could truncate the file name from the end to extract the extension. It would mean creating a few conditions to cover all your extension bases. The modifier is ":truncate from end to" and you type in the number of characters to keep starting at the end of the file name. For example: If the file name is sample.mov or sample.wav or sample.jpg, truncating from the end to "3" will give you "mov", "wav" or "jpg"
Hi, Id really appreciate some help on the following. How can I link the files to a database in order for them to always appear on the page when a user returns? A list that will always be there and be continued to be added to overtime. Thanks in advance
Hi Gaby, once again, a wonderfull tuto with great explainations. I just have one thing that bother me and I can't find documentation about it. Why did you choose a "file type", rather than "image type" and how do you choose the format to save images (as image or as a file) between link, S3 etc...?
Hi Fakossa! You cannot choose a file type. The moment you drop a file on the Multiuploader it is already being uploaded in its current filetype and the returned value of the Multiuploader will be the URL(s) of that file(s) on the Amazon AWS. I enhanced Gaby's idea that when I discard a file it will also be removed (Workflow Action Data: Remove an Uploaded file) from Amazon.
Hi Gaby ,Thanks a lot for your great tutorial ,Kindly i have some quires please : 1-at the end of the video if i want to remove file then upload a new file ,in this case the new files will replace the existing files .for example if i set the multi_file_uploader to Maximum = 2 ,and set the repeating group to = 2 ,if i remove a file then try to upload new one then what happen is the new upload file will replace the existing one not the file i remove . Thanks in advance
@@amzianefza You'll need to merge the multi-file uploader's value with the repeating group's files. Your set state value should read something like "this multi-file uploader's value merged with RepeatingGroup's List of Files"
I ran into several issues when following this tutorial. First the images did not display so I followed "How to Build Picture Uploading in Bubble" tutorial with success. I came back to this video to customize my file uploader further, but as soon as I started on the first customization and created a state, the value field required more inputs than just Multifile Uploader's Value.
Hey Tanya! Great job so far! I'd suggest checking your custom state's type, as it sounds like there may be an incompatible type issue -- it may be incorrect or the list checkbox isn't correct. Good luck!
Hey there! I'm glad it was helpful, and thank you for the suggestion! Our Fast Track course and VIP Membership may help you get up and running with things like this in the meantime! coachingnocodeapps.com/fast-track, coachingnocodeapps.com/vip-membership
Hi there! I followed this tutorial to create my file uploader and it worked perfectly. However, since yesterday I've been having trouble uploading images and now the multi-file uploader doesn't even work. I tried uninstalling the plugin and installing it again. Also, tried in a new page just the multi-file uploader but it won't work. Did something happen to the plug in? anyone else having issues with it?
When the files are uploaded where are they saved? If they are saved how can I add them to my database?
Awesome tutorial thanks! is there a way to hide the green upload state fully? and replace it with a loading icon
Thanks for this video!
I used "customState" uploaded_images merged with multifileuploader's value instead and it's working great so far!
Thanks, how can you make a general progress bar on the uploading ?
Lets say, uploaded 3 files, then deleted one, clicked on add more file, selected another file....what happens ? Well It custom state's value simply gets changed with the new file, i.e only one file. So, this isn't working.
2ndly if user selects a few files, delete a couple of them, then selects another couple of files, and at the end saves 3 files. Problem in this is, that all of the files which he has selected will be saved in File Manager. So its not practical.
Solution to the last point is that add "Delete an uploaded File" in your work flow (where you minus the parent's group file). Delete an uploaded File > Set state (minus)
setsate (when custom state's list count is 0. Next...set state custom state's list merged with This Multifile uploader's value
Hi Gaby, this is a great tutorial, well explained, thanks a lot. I am facing a issue that when I add delete button in the group which is inside the repeating group. The button keeps showing up even if the images are not loaded. I hope if you could let me know what wrong am I doing here, Thanks!
Thanks for your video, what if i want to multi upload only pictures ?
Hi Gaby, Great tutorial. Just wondering if you could tell me how to add a file to the repeating group without loosing the files already added. If I try to add a new file it just overwrites the files that are already set in the repeating group.
Hi Justin, use a custom state that is a list of files. Whenever the file uploader is changed, set a state: "state's list :plus item this file uploader's value." If you're using the multi-file uploader, then it would be "state's list merged with this uploader's value." That way, your RG can reference the state and it doesn't wipe with every uploader change.
@@coachingnocodeapps Its not working
My bad, I reset the input value first in workflow, my God, 2 hours wasted, lesson learned, always, read the work flow, This happens, then this and then this.......... 😀
Awesome tutorial! I'm a bit worried of using this approach for images as it doesn't set limits on what file-types the user can upload, or give me the ability to resize images at upload, meaning that they might upload huge and/or incompatible filetypes.
well thats their fault
Hey did you find a workaround/fix for this. I'm trying something similar, want it to only accpet certain image formats.
Thank you
great idea and explanation! is there a way to trigger the multifileuploader from a button or some other element?
without ever showing the multifileuploader? because users think it looks like a bug ;)
Hi Gaby,
Thank you for the video. is it possible to extract the file size for each file upload and apply some constrains on the uploaded file size?
great video. I am stucked though, as I always have a "(more)" when I am adding the multiple file'value to the state adding step...
I am very annoyed with that
Ok I just found.. The state has to be multi value :p
This is a great tutorial. Is there a way to hide the multi-file uploader? I don't want it to show. it isn't the best looking element. Also, how can I save the multiple files to the db?
Hi Gabby, I'm hoping you can help me.
In a workflow I am setting the 'only when' condition:
It works perfectly when I set these conditions:
Multi-Uploader A's value:first item is not empty
Multi-Uploader A's value:item #2 is not empty
But this setting does not work:
Multi-Uploader A's value:is not empty
I found a workaround by doing this:
Multi-Uploader A's value:format as text is not empty
which is great, but it leaves me with 2 issue/error messages
:format as text: remember to fill out Content to show per list item
and
:format as text: remember to fill out Delimiter
I don't understand what these are meant to be written as. Thanks Gabby
How can you display these file uploads images, the first one, in a new pages as a list of items? For example say you are adding these files to the data type product. However, after displaying a list of all Products, their first image is not working. Displaying the price (text) works fine though. Even when I specify :firstitem. In the debugger it is getting the list of all images’ URL, but not displaying the first image.
I have tried both to have it in an image element, and a Repeating Group set to images with the data source being Current Cell’s product photos.
Hello Joel, I am having the same problem! the image does not appear when multiple images are uploaded to the database as a list. I will include the solution in the following thread when I figure it out:
forum.bubble.io/t/image-list-not-appearing/157826/
Your like a wizard on this thing
🙏👊
Hi, Gaby! Is there a way that file uploader could distinguish between image and video file? In case user uploads for ex. 4 images and 1 video, so it would be possible to deviate files into two different custom states for videos and images. Thank you! Great video!
Hi there! The uploader doesn't have a native way to detect file type, but you could truncate the file name from the end to extract the extension. It would mean creating a few conditions to cover all your extension bases. The modifier is ":truncate from end to" and you type in the number of characters to keep starting at the end of the file name. For example: If the file name is sample.mov or sample.wav or sample.jpg, truncating from the end to "3" will give you "mov", "wav" or "jpg"
Thank you for this tutorial. How would you add drag/drop functionality to this repeatable group?
And it plug-ins
Hi, Id really appreciate some help on the following. How can I link the files to a database in order for them to always appear on the page when a user returns? A list that will always be there and be continued to be added to overtime. Thanks in advance
Hi Gaby, once again, a wonderfull tuto with great explainations. I just have one thing that bother me and I can't find documentation about it. Why did you choose a "file type", rather than "image type" and how do you choose the format to save images (as image or as a file) between link, S3 etc...?
Hi Fakossa! You cannot choose a file type. The moment you drop a file on the Multiuploader it is already being uploaded in its current filetype and the returned value of the Multiuploader will be the URL(s) of that file(s) on the Amazon AWS. I enhanced Gaby's idea that when I discard a file it will also be removed (Workflow Action Data: Remove an Uploaded file) from Amazon.
Hi Gaby ,Thanks a lot for your great tutorial ,Kindly i have some quires please : 1-at the end of the video if i want to remove file then upload a new file ,in this case the new files will replace the existing files .for example if i set the multi_file_uploader to Maximum = 2 ,and set the repeating group to = 2 ,if i remove a file then try to upload new one then what happen is the new upload file will replace the existing one not the file i remove . Thanks in advance
I am having the same problem
They replace the existing ones because the existing one were not saved initially, they were just displayed.
@@amzianefza You'll need to merge the multi-file uploader's value with the repeating group's files. Your set state value should read something like "this multi-file uploader's value merged with RepeatingGroup's List of Files"
@@owenphillips4472 Thanks man ! That solved my problem :)
this is so cool! Thank you
You're welcome, William!
I ran into several issues when following this tutorial. First the images did not display so I followed "How to Build Picture Uploading in Bubble" tutorial with success. I came back to this video to customize my file uploader further, but as soon as I started on the first customization and created a state, the value field required more inputs than just Multifile Uploader's Value.
Hey Tanya! Great job so far! I'd suggest checking your custom state's type, as it sounds like there may be an incompatible type issue -- it may be incorrect or the list checkbox isn't correct. Good luck!
Thanks! Great Tutorial.
Paul Zozem you're very welcome!
Great video!
Could you please follow up with a video showing how you can store these images in the data base and then have them displayed in RG?????
Hey there! I'm glad it was helpful, and thank you for the suggestion! Our Fast Track course and VIP Membership may help you get up and running with things like this in the meantime! coachingnocodeapps.com/fast-track, coachingnocodeapps.com/vip-membership
You don't store the image in the a database field but the image's URL. The URL is the return value of the Multifile Uploader.
Thank you so much it really helps me :(
You're welcome!
Girl you rock!
🙏👊
Hi there! I followed this tutorial to create my file uploader and it worked perfectly. However, since yesterday I've been having trouble uploading images and now the multi-file uploader doesn't even work. I tried uninstalling the plugin and installing it again. Also, tried in a new page just the multi-file uploader but it won't work. Did something happen to the plug in? anyone else having issues with it?
Hey there! The plugin should be working, but you could try sending a big report
Excellent
Amazing, as aways! Thank you very much
You're welcome, and thank you!