Flutter Web with Firebase Storage: Upload and Update Image

👉 Pre Sign Up to Flutter Learning Platform :

📱 Pre Sign Up to Learn Flutter App :

⏰ Timeline:
00:00 - Introduction
00:57 - 1st Requirement: Firebase Project
01:25 - 2nd Requirement: Firestore Initialise
01:49 - 3rd Requirement: Firebase Storage initialised
02:45 - Load Image from Firebase Storage
10:22 - Upload image with Flutter Web
15:08 - Upload image to Firebase Storage
20:41 - Update profile picture automatically

🦋 Hear my thoughts on Twitter -

📷 Get updates frequently on Instagram -

🤓 See daily learnings on LinkedIn -

😂 Watch my funny side on TikTok -

📘 Rarely here, but why not Facebook:

[wesleybarnes]

Thank you so much, I had much trouble trying to upload an image on web.

[mikolajhenzel]

Amazing overall quality of this video, totally didn't expect that, wow!

[purushottampk]

Please create videos on flutter hook and riverpod

[luisnegron]

This is so helpful, would you mind updating it? I know there have been some changes to firebase. Thank you.

[emskiee]

Thank you for this! You explain things very well

[technicalradar]

Can you show how to display the selected image before uploading.

[yeryer]

How can improve the image quality. I am putting in in a small container although it's very pixelated

[فاطمة-ققد]

Good job but I have a question about uploading pdf files 🤔🤔

[MShadow]

Thanks a lot bro. what shortcut did u use there to hold the line and move it? 23:16

[haplesz]

I need some help :/ cant download from firebase storage
no 'access-control-allow-origin' header is present on the requested resource"

[sagarbsable]

Can you please explain how to compress image before uploading?

[ulysses]

Really good tutorial! I'd like more content on Flutter Web, there isnt much on the topic. Maybe best packages to use for Web? I've also been wondering, once you make a web project, how easy is it to convert it to a mobile project?

[paulcaubet]

Hey, when i try to upload it say Expected a value of type 'File', but got one of type 'File$'
,
any suggestions?
Very nice tutorial btw

[jsfhzlrvr]

It doesn't work in safari just with google chrome why ?

[TheAnn]

How to delete img from firebase storage in web

[sammyjokes]

Hello Sir, , can you please make an update on this tutorial??

Everything seems outdated

[vinayreddypulagam]

How to use image_picker or file_picker to upload image on flutter web

[tarunreddy]

getting an error; -
A value of type 'FileUploadInputElement' can't be assigned to a variable of type 'InputElement'.

[zakidjellouli]

import doesn't work, it says target of url doesn't exist ???

[ExtraServingsBTS]

Great stuff.... THIS is a slash: / THIS is a backslash: \.