Since I have been receiving requests on how to upload multiple images to Firebase, I decided to create this new tutorial. Hope you like it! th-cam.com/video/S4zaZvM8IeI/w-d-xo.html
Constructive criticism might be: you could explain in more detail what every aspect of the codebase is doing. But you get props for code that works! Many thanks.
Thank you so much... I came here because the Library called react-firebase-file-uploader didn't work due to a (couldn't find the module ERROR)... But your code does exactly the same... I just modified it a little in order to adapt it to my project... But I wouldn't be possible without your excellent explanation
Thank you very much, this helped a lot after lots of searching I came across this video and its probably the simplest possible expanation there is. I particularly liked it because its done without axios or doesn't require any cloud functions or anything so thank you
hai sir ,can u please help me i write this code inside a class component ,so usestyles showing some errors what are the changes i have do remove the errors.problems are 1)Line 46:5: 'setImage' is not defined no-undef Line 51:25: 'image' is not defined no-undef
I get the folowing error when trying it in production: Firebase Storage: No default bucket found. Did you set the 'storageBucket' property when initializing the app? (storage/no-default-bucket) It works perfectly fine in localhost, any reason why this happens?
Dear Sir. I really like your video. But when I uploaded image to firebase storage then GET image by URL, it occurred bug CORS blocked. Can you fixed me this bug? I have spent all day to fix this bug but it go nowhere. Thanks
What if I already have a Firebase project going with a collection of text data, how do I then add image uploads as well? Starting from scratch seems to be different. I spent 2 hours failing from Pedro's tutorial earlier today. I like your video although that one handler function looks way too long.
If you are getting an error trying to import Storage when using firebase v9 Watch the videos below: Link to import firebase/storage - shrinke.me/sFdh2B Link to import firebase/firestore - shrinke.me/COlYPZ
I just loooooooooooooooooooooooovvvvvvvvvvvveeeeeeeeeeeeeeeeee You 😭😭 You saved me from something you can't even imagine 😍 it worked for me 😭 Thank you brother 🙏👊👍
Hi i have a question should we upload file such as image at client to storage cloud and take down url after that we send url to server to store url in database ? i think it a bit faster or less security?
Thank you for this tutorial. This worked almost perftectly for me, but the url inside my .then is returning "undefined". Has anyone ran into that issue?
as i imported storage i got this error, please help. ERROR in ./src/fire.js 3:0-32 Module not found: Error: Package path . is not exported from package E:\e-buddy-for-rescued-child-labour\ebuddy-portal ode_modules\firebase (see exports field in E:\e-buddy-for-rescued-child-labour\ebuddy-portal ode_modules\firebase\package.json)
Hi. When I upload an image or video the second time to Firebase, the first image or video that was uploaded is no longer displayed. this is fixed when the file is uploaded with another name, but is there another way to fix it? thanks in advance 🙏
Since I have been receiving requests on how to upload multiple images to Firebase, I decided to create this new tutorial. Hope you like it!
th-cam.com/video/S4zaZvM8IeI/w-d-xo.html
what an absolute madlad
Thanks a lot !
Thank you!!
One of the few tutorials that I've followed that has gone off without a hitch. Kudos to you! Merci from Montréal.
Constructive criticism might be: you could explain in more detail what every aspect of the codebase is doing. But you get props for code that works! Many thanks.
You actually don't know how long i've been looking for this 😭❤️. I really appreciate it
You're welcome, Pere. I'm happy that it helped! :)
same this video helped a lot
Thank you so much... I came here because the Library called react-firebase-file-uploader didn't work due to a (couldn't find the module ERROR)... But your code does exactly the same... I just modified it a little in order to adapt it to my project... But I wouldn't be possible without your excellent explanation
Glad that it helps :)
a thousand thanks bro. i was searching exactly for this..u made my day bro
Thanks for making these videos . You’re a star!
this whole series is just awesome, covers everything you should know about react with firebase, really appreciated. ❤
Thank you very much, this helped a lot after lots of searching I came across this video and its probably the simplest possible expanation there is.
I particularly liked it because its done without axios or doesn't require any cloud functions or anything so thank you
Great breakdown. I was able to find my error with this quick video! Very straight forward example.
I'm glad to hear that, Yuuko.
Great, simple tutorial, Ly. Thanks!
so many videos and FINALLY THANK YOU
Excelent video! Very well explained :) Greetings from Argentina
Thanks Sofie! Also greeting from Australia
Thanks a lot man! You covered all the essentials which were needed! ♥
Just what I needed, thank you!
OUTDATED !!!
Guys,
look for "Firebase v9 Storage in React | Upload Files to Cloud
" tutorial video.
This was so helpful for my project!!!!!!! Thank you so much!!!
I’m so glad it helped!
thx man , progress was awesome!
Thank you for this awesome tutorial 💙
Excellent, you earned a sub
You're a genius, just what I was looking for, thank you very much.
thanks for the great video. Saved me a ton of time.
Man, thank you so much, it was a big help for me!👊👍
great video.! help me a lot!!
hai sir ,can u please help me i write this code inside a class component ,so usestyles showing some errors
what are the changes i have do remove the errors.problems are
1)Line 46:5: 'setImage' is not defined no-undef
Line 51:25: 'image' is not defined no-undef
Sounds like you didn't define the useState hooks. 10:00 into the video, line 6 is where he defines it.
Thanks so much. This was a huge help.
THANK YOUUUUUU, you made my life easier !!!!
you made my day
Thank you so much for a really well explained video!
Thanks Chris
Thanks for this! Helped me out a lot.
You're welcome
Thank You! This has been very helpful!
Glad it is helpful Talha
Thanks so much ! Worked perfectly!
Thank you so much, Brother🙌
Thanks for the tutorial, I have a question, how do you implement a function to cancel or pause the upload in React?
I get the folowing error when trying it in production: Firebase Storage: No default bucket found. Did you set the 'storageBucket' property when initializing the app? (storage/no-default-bucket)
It works perfectly fine in localhost, any reason why this happens?
Dear Sir. I really like your video.
But when I uploaded image to firebase storage then GET image by URL, it occurred bug CORS blocked. Can you fixed me this bug? I have spent all day to fix this bug but it go nowhere. Thanks
You're a genius!! Thanks so much :D
Great video
Thanks man😉
What if I already have a Firebase project going with a collection of text data, how do I then add image uploads as well? Starting from scratch seems to be different. I spent 2 hours failing from Pedro's tutorial earlier today. I like your video although that one handler function looks way too long.
Please can you explain how to then download all the image urls as an array and print the images on the screen like a photo gallery?
If you are getting an error trying to import Storage when using firebase v9
Watch the videos below:
Link to import firebase/storage - shrinke.me/sFdh2B
Link to import firebase/firestore - shrinke.me/COlYPZ
Love you man
Thank you so much!! You're awesome!! :D
Great video! You saved me
Luques Manuel You’re welcome, Luques.
I just loooooooooooooooooooooooovvvvvvvvvvvveeeeeeeeeeeeeeeeee
You 😭😭
You saved me from something you can't even imagine 😍 it worked for me 😭
Thank you brother 🙏👊👍
Big thanks man
This is great. Much appreciated.
Hi i have a question should we upload file such as image at client to storage cloud and take down url after that we send url to server to store url in database ? i think it a bit faster or less security?
Thank you an awesome tutorial super helpful
Glad it was helpful!
Thank you for this tutorial. This worked almost perftectly for me, but the url inside my .then is returning "undefined". Has anyone ran into that issue?
Thank u very much. Can u aslo tell how mush space firebase storage has. Btw thank 🙏❤u
excellent video, help me a lot.
Nice and clear. How would you approach uploading multiple files?
I was looking into that also, any guidance would be fantastic!
Thanks bro !
lovely....appreciate it ♥
great video!
Thanks for the visit
Thank you so much bro :)
Hello because the value "e" marks me an error: Parameter 'e' implicitly has an 'any' type.ts(7006)
I wrote it the same as in the video.
const handleChange = (e: React.ChangeEvent) => {... try this
please make a video on multiple image to firebase firestore with user name and render according to user name like facebook,insta...
How to use both storage and authentication together ?
thanks a lot , but how can i store the image as a ref to the current user ( profile picture ) and it only relate to this guy ...
Supernice! thanks!
when i try to load image in firebase i am getting error in arduino ide as uploading picture...invalid http or url error ...plz clear the doubts ...
When I try to load firebase url in img tag cross origin bad request error comes
Very usefull. thank you)
Thank you!
as i imported storage i got this error, please help.
ERROR in ./src/fire.js 3:0-32
Module not found: Error: Package path . is not exported from package E:\e-buddy-for-rescued-child-labour\ebuddy-portal
ode_modules\firebase (see exports field in E:\e-buddy-for-rescued-child-labour\ebuddy-portal
ode_modules\firebase\package.json)
I could not change my rule in Firebase. Really wish this could work for me.
Hi. When I upload an image or video the second time to Firebase, the first image or video that was uploaded is no longer displayed. this is fixed when the file is uploaded with another name, but is there another way to fix it? thanks in advance 🙏
hello brother,please tell me the maximum images that can be stored in firebase.Please i need to know for important purpose
THANK YOU!!!!!! #Subscribed!!!
Can you please make a video of displaying all the images stored in the firebase using react? Or how to use the libraries which do that. Thanks :)
Thanks for your suggestion, Sabrina. Noted!!
How do I do now for multiple files?
can this able to choose and upload multiple images?
Thanks so much
thank you very much
good job
gracias, me ayudo mucho
thank you so much!!!!!!!!!!!!!!!!!!!!
is this created with react hooks or react native?
Hooks, for example useState
User does not have permission to access 'product-image/camra.png'. (storage/unauthorized
infinite loop occurs....any solution please
Facing An Error Of UpdateTask.on Is Not a function Any One pLz Help
Thank You
is this firebase v9?
thank you
i love you
thanks
Though I'm an atheist, God bless you!
thks
Thank uuuuu
Sir jee mouj kerdee apnay tou !!!!
doesn't work
React was not necessary based on your title
Le Stack overflow*
Let's just declare this as deprecated.
stackoverflow.com/questions/41352150/typeerror-firebase-storage-is-not-a-function
6 minutes to just install firebase
G4T
thank you
Thank you very much