Upload Image to Local State & Firebase - Reduce stored data usage and cost!

In this tutorial, we will cover uploading images to the local state, accessing the image and then subsequently uploading that same image to Firebase when we are happy with it.
This is particularly useful in reducing our Firebase storage usage, thus reducing our Firebase cost.

Please remember to subscribe to keep updated on more FlutterFlow content!
-----

[happyboss]

Hi Steven, 4:28 I tried to upload multiple images with more actions and it shows "Cannot have multiple upload files in the same node." How can I solve this, Thank you 🙏

[Prvzn]

Would be nice to see about login options as well..and how we can integrate with firebase..great content!!!

[jamilnausale]

Worked on the first try, amazing tutorial!!!!

[valirmasha]

Oh, thank you Steven. You solved my mystery. Looking y'r very good at FF. pls do more. I really enjoy to learn from you.

[imhoffquentin]

thank you very much for your content! Could you do a tutorial on adding several photos to a document using copy and paste? like on trello when you paste an image on a card. 🙌

[MarcioFranco]

Great video! i notice i little bug on FF, this function doesn´t works with circular image widget.

[JaredBohlmann-su]

Loving the channel and content Steven thank you! Any chance you can do a tutorial on differences between Query Types when feeding info and parameters etc

[KathySierraVideo]

Thank-you so much! Now I would love to see the exact same tutorial but using supabase :) (though I'm assuming most of it is virtually the same...)

[greyrhinogroup]

This is very helpful but how about you upload multiple images? Are you going to set the db as string? How do you display the images (before upload) and store the url in the db?

[DimitriKampouridis]

Hey Steven, you are a very good teacher, the way you explain is super clear ! I did the tutorial twice and something is wrong but I cannot understand what. The picture is uploaded in Firestore Storage but it is not updated in the database and thus not displayed in the circle image (photo_url). Do you have any idea what could be the issue here? Thank you

[buildingsomething]

@itsstevenliu Another great use case for doing this is to check the file size of the image before uploading. Is there a way of going this and then choosing to use the compression option only if it's over a certain size?

[toddherron]

Great tutorial. Could you do one that explains how to use the Blurred Hash?

[MarkuZuan]

Good day! Thanks for the help, but I have one question. May I ask on how'd you get the "User Reference" option in Authenticated User?

[sujanalius]

Hi Steven, if the image is on the local state, and let's stay that you navigate out of the page (without deliberately deleting the uploaded image from the Action logic), does it stay there, or will it be deleted automatically? I'm asking this because I'm trying to clear the uploaded image from a custom Dialog, but the option to clear uploaded data is not available.

[curtreed]

Hi Steven, do you have any idea how to overwrite the original uploaded image? I want to streamline firebase storage per user, so if the user chooses another profile pic other than the corgi, as per your example, it will overwrite the corgi and not generate a new file path and token, essentially adding another file to firebase storage

[SurajPandya]

What if we have two images to upload? For instance Profile and cover.

[uc-elroczy]

how do you upload multiple images and delete a few before uploading

[Arnoldmontuya-qc]

can you make a tutorial to show all storage data in the flutter flow in listveiw

[abdoulayeDiallo-edze]

if you reupload a second image it will stack a new photo. how to add only 1 in storage

[dominiccogan]

that options not showing up for me....