How to Upload and Display Multiple Photos w/ visibility variables

How to Upload and Display Multiple Photos w/ visibility variables - Flutterflow

Рет қаралды 16,681

Жыл бұрын

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.

Пікірлер: 53

@VMILANK 2 ай бұрын

One of the best flutterflow tutorial i have seen thank you !

@Ryanyong1408 2 ай бұрын

Amazing stuff, I was stuck at this for so long. Thank you so much. Looking forward to more videos!

@lukeatkins9906 Жыл бұрын

Genuinely great video! Really informative and useful. Real world concepts. Looking forward to watching more of your videos!

@teknesis7339 Жыл бұрын

Awesome, thank you!

@Azreniakingdom 10 ай бұрын

This was so awesome! Thank you :)

@thenewprofit Жыл бұрын

It's very useful, thank you!

@dalmarjosesantos 7 ай бұрын

Thanks, great video!!!!

@Dan-sr8tl Жыл бұрын

Great video, Thank's ! But can we add label to the uploaded images please ?

@daviddelgado8213 10 ай бұрын

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

@mohamedrghay2424 2 ай бұрын

maaaan , thank you so much

@Tj-vy5lt 8 ай бұрын

Im having trouble with visibility conditions,i followed the instructions yet the icons are not disappearing, they are stacking ontop of the photo

@M1ndProductions 27 күн бұрын

Hi, is there any way how I can delete a specifc photo from that list?

@happyboss555 4 ай бұрын

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~

@teknesis7339 3 ай бұрын

Join my Discord to get help

@dialospy 10 ай бұрын

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.

@dialospy 10 ай бұрын

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

@teknesis7339 10 ай бұрын

For storing images locally, you'll have to either use a custom code to create a temporary path or use app/page state

@teknesis7339 10 ай бұрын

You'll have to use custom code

@Christmaseevee06 9 ай бұрын

the delete dificulty might be a problem with the firebase rules

@user-mx2jg5jn2s 10 ай бұрын

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!

@teknesis7339 10 ай бұрын

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.

@user-mx2jg5jn2s 10 ай бұрын

great thanks! @@teknesis7339

@watchshortshere Жыл бұрын

how to mark if the card is visited?

@danzreview Жыл бұрын

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?

@teknesis7339 Жыл бұрын

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.

@danzreview Жыл бұрын

@@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

@aliroshdy1390 Жыл бұрын

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.

@teknesis7339 Жыл бұрын

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

@afroniumstudios 8 ай бұрын

Is there a way to use the Carousel widget for this?

@teknesis7339 8 ай бұрын

I'm not sure. Haven't tried

@user-pm6po1tw8t 10 ай бұрын

why post documents option in grid view dont show up for me ?

@teknesis7339 10 ай бұрын

I have no idea

@filiphesantos7947 10 ай бұрын

top top top

@MarcioFranco Жыл бұрын

Great video! But, how to delete a specific photo ?

@bigcha38 Жыл бұрын

I wonder as well

@MarcioFranco Жыл бұрын

@@bigcha38 Now, i know how to delete a specific Photo in list of pictures

@thenewprofit Жыл бұрын

@@MarcioFranco Could you tell us how to delete a specific Photo in list of pictures?

@MarcioFranco Жыл бұрын

@@thenewprofit you just need to select an item from index at..from your list

@happyboss555 4 ай бұрын

how to select item from index? the action1. delete document, 2. select the item from index? but I can't find the step2 🥲 @@MarcioFranco

@c.techguy9707 Жыл бұрын

please i can't find the upload to firebase action in my action list

@teknesis7339 Жыл бұрын

Would have to see how you have everything set up to know where the issue is

@PremiumFuelOnly Жыл бұрын

The Upload type: Firebase option isint available unless you enable Authentication in App settings.

@amiro.husain869 Жыл бұрын

Is it the same thing to upload the video?

@teknesis7339 Жыл бұрын

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.

@amiro.husain869 Жыл бұрын

@@teknesis7339 that will help, Thanks

@Fabiotvf Жыл бұрын

Create child tô uploaded option is red for me

@teknesis7339 Жыл бұрын

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

@Fabiotvf Жыл бұрын

@@teknesis7339 :/ but nice video

@nikolakalev4914 11 ай бұрын

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?

@teknesis7339 11 ай бұрын

You can limit upload count using conditional logic and integers, or custom functions, or custom upload actions, or if using Firebase, cloud function