How to Upload and Display Multiple Photos w/ visibility variables - Flutterflow
Vložit
- čas přidán 7. 09. 2024
- In this side tutorial, we will cover uploading multiple photos using the associated action flow, using conditional visibility to show/hide aspects of the UI, assign first index to a specific position, and display both row scrolling and gridview displays. This tutorial can be applied to your social media, market place and other similar apps where multi-photo uploads are applicable.
Amazing stuff, I was stuck at this for so long. Thank you so much.
Looking forward to more videos!
One of the best flutterflow tutorial i have seen thank you !
Genuinely great video!
Really informative and useful. Real world concepts. Looking forward to watching more of your videos!
Awesome, thank you!
how do i get to select. ''posts document'' when. choosing the image path? cause i have on the 'create post' page, the upload button with create document etc.etc. but im never able to set the posts document label
Thaat high-pitched noise at the 13:30 ish mark got me!.
Keeping you on your toes
@@teknesis7339 I had to rewind and make sure I wasn't just hearing things from lack of sleep. lol
Great video, Thank's !
But can we add label to the uploaded images please ?
This was so awesome! Thank you :)
Im having trouble with visibility conditions,i followed the instructions yet the icons are not disappearing, they are stacking ontop of the photo
It's very useful, thank you!
Hi, is there any way how I can delete a specifc photo from that list?
Great usefully tutorial!Have you resolve how to eliminate the “child” image with an icon?im triying to do it but I’m only be able to remove the whole url list
Thanks, great video!!!!
16:29 Hi Teknesis I added a delete btn in the container of img, and setup an action - delete document, but I couldn't find the reference to select for delete. Could you share how to do it? Thank you~
Join my Discord to get help
the delete dificulty might be a problem with the firebase rules
First thank you for the amazing video it really helped a lot. However, i am stuck with one issue. When i click the photo in the row list it doesn't change the main photo, and i noticed that the only action you added to the photos under the row is to make it expandable. some please help me to fix this to have the issue resolved. And again thank you for your time and contribution, i really learn a lot from your videos.
I would either have to see a screen recording of your issue or share your project with me so I can lay eyes on it. Thanks for the kind words also
Great video!
But, how to delete a specific photo ?
I wonder as well
@@bigcha38 Now, i know how to delete a specific Photo in list of pictures
@@MarcioFranco Could you tell us how to delete a specific Photo in list of pictures?
@@thenewprofit you just need to select an item from index at..from your list
how to select item from index? the action1. delete document, 2. select the item from index? but I can't find the step2 🥲 @@MarcioFranco
maaaan , thank you so much
how to mark if the card is visited?
bro i got a question, what if we make a usecase for task management that need to upload image each progress how to pull the image for each progress in list?
Well I guess that depends on how your progress is being stored. If they’re individual documents, then I think that answer is a given. But if it’s a single document, where progress is a list field and photos are a list field, then you’d want to generate your result based on their associated index in each list. I had a custom function that would do this at one point, though I’m not entirely sure what happened to it. You may be able to do it directly within FF now, though.
@@teknesis7339 yeah for now the best practice to do that is make activity Collection for progress and make it doc ref to the main task
Hi, echoing the other folks in the comments, great tutorial and very helpful. As it relates to deleting individual photos, how would you do that? I'm able to clear uploaded data but can't figure out how to clear a specific item in the index. Thanks in advance for any guidance you have!
The photo is cached on the device, so you need to rebuild the page. Try using page or app state to rebuild after each delete. That should clear it out.
great thanks! @@teknesis7339
Is there a way to use the Carousel widget for this?
I'm not sure. Haven't tried
Hey, nice walkthrough! Do you have any tips for (selecting) temporary uploading a list of images locally, before user confirming and uploading to firebase? My issue is images and documents getting uploaded with the upload action, but not added to the document if the user doesn't proceed to create a document.
Same issue when users are selecting multiple images. I can't set a limit on number of images uploaded. When using conditional i can give an alert when more than 4 have been uploaded, but i cannot seem to delete them from firebase storage with the Delete Data action
For storing images locally, you'll have to either use a custom code to create a temporary path or use app/page state
You'll have to use custom code
why post documents option in grid view dont show up for me ?
I have no idea
Really great video, thank you! I have 2 questions:
1. How we can solve the state when the user do not upload any photos, but we want to store data in the database. I'm asking in cases where the post not only consists of picures.
2. How we can limit the number of uploaded pictures?
You can limit upload count using conditional logic and integers, or custom functions, or custom upload actions, or if using Firebase, cloud function
please i can't find the upload to firebase action in my action list
Would have to see how you have everything set up to know where the issue is
The Upload type: Firebase option isint available unless you enable Authentication in App settings.
Is it the same thing to upload the video?
No. Although FF is using a package for file uploads that is capable of uploading multiples of different file types (whether that be video, documents or otherwise), FF currently has it configured to only allow multiple photo uploads at one time. I suspect this is due to uploading multiple videos at one eating up a lot of resources and potentially slowing things down quite a bit. However, pub.dev does have the above referenced package and can be deployed as a custom code to achieve multiple video upload. I would caution before doing this because of the reasons listed above.
@@teknesis7339 that will help, Thanks
top top top
Create child tô uploaded option is red for me
This is possibly due to updates from FF, as some of the updates they've been pushing lately have broken some tips in my tutorials
@@teknesis7339 :/ but nice video