React JS | Firebase Storage - How to upload profile picture using Firebase Storage in 9 minutes

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 38

  • @shawnmichaelalberto7519
    @shawnmichaelalberto7519 2 роки тому +3

    I loved how you explained everything fast and clearly at the same time. You just earned a new subscriber

  • @Clickyv
    @Clickyv 2 роки тому +3

    Its not profile picture its just upload image, but how did it in scope of Firebase Authorization?

  • @Human_Evolution-
    @Human_Evolution- 2 роки тому +1

    On the first console.log mine says cannot display 0 of undefined. :(

    • @notahacker30
      @notahacker30  2 роки тому

      Please double check your code. It's very difficult to help you without seeing your code. Also, refer to my repo.

    • @Human_Evolution-
      @Human_Evolution- 2 роки тому

      @@notahacker30 a friend of mine jumped on zoom and noticed that I did not put a s at the end of 'file' lol :( so I am halfway through the video now I will finish the other half soon hopefully it goes well thanks for replying.

  • @DNEZZA
    @DNEZZA Рік тому

    Oh thank You for this tutorial, I was two days knocking My head to do this mecanic.

  • @abeechr
    @abeechr 2 роки тому +1

    Thank you! Keep them coming.

  • @3-ms9qh
    @3-ms9qh Рік тому

    hi beautifull..do you know how to allow a user to post once on a base in real time..for every uid published on that base..thanks.🙄

  • @aleflxr
    @aleflxr 2 роки тому +1

    Super useful

  • @shivendrasingh3069
    @shivendrasingh3069 Рік тому

    i am getting cors error how to solve it?

  • @TheSEGFam
    @TheSEGFam Рік тому

    How do you tie storage bucket to user so when you have multiple users they don't call the wrong photo

  • @mrodrigozc
    @mrodrigozc 2 роки тому +2

    That was amazing bro, you saved me, thanks.

  • @Human_Evolution-
    @Human_Evolution- 2 роки тому +1

    Ok I got everything to work exactly like the video. However I want to make an image gallery, what extra steps need to be taken to display multiple images?

    • @Human_Evolution-
      @Human_Evolution- 2 роки тому

      Update. I have the image gallery working. With DELETE!

  • @alexshel8578
    @alexshel8578 Рік тому

    it lost after reload page((

  • @TuanPham-vn8uc
    @TuanPham-vn8uc 2 роки тому +2

    very simple, you saved me, thanks !

  • @loxplosion95
    @loxplosion95 2 роки тому +2

    could you do a profile picture only if logged in? please

    • @notahacker30
      @notahacker30  2 роки тому

      Yes, that is possible. You will have to use the login method from firebase, and once logged in show the picture.
      This tutorial is very simple, but it will help you get to that point.
      Please let me know if you have any questions.

    • @loxplosion95
      @loxplosion95 2 роки тому

      @@notahacker30 ok

    • @loxplosion95
      @loxplosion95 2 роки тому

      @@notahacker30 thanks!

  • @russellbanares5324
    @russellbanares5324 2 роки тому +2

    Can you do a tutorial on how to upload multiple images man? And display it to ui, thank you very much.

  • @meteanddesign
    @meteanddesign Рік тому

    Solved how to create specific folders for each user
    const imageRef = ref(storage, `/images/${currentUser.displayName}/` + image.name)

  • @ezeonyemaechi1304
    @ezeonyemaechi1304 Рік тому

    Thank you very much you have saved a life

  • @xMarcakizen
    @xMarcakizen 2 роки тому +1

    Hello, very good video! Thanks for the guidance. On my webapplication when I reload the page, the image disappears. Does that happens for you to?

    • @notahacker30
      @notahacker30  2 роки тому

      Hi xMarcakizez, the image should not disappear since it will use the image from the database. Please check your code again.

  • @jayconjudemadrid8987
    @jayconjudemadrid8987 2 роки тому +1

    Hello sir good day, do you have an example uploading multiple images react to firebase sir?

    • @notahacker30
      @notahacker30  2 роки тому

      Hi Jaycon! At the moment, I don't, but if you want to upload images all you have to do is change the directory. That will create another folder and inside that folder will be the image. Everytime you upload a picture, it will have its own folder.

  • @Human_Evolution-
    @Human_Evolution- 2 роки тому

    Is there a repo for this?

  • @champi.around
    @champi.around 2 роки тому +1

    Thanks bud

  • @thaianramalho267
    @thaianramalho267 Рік тому

    thank you bro

  • @nokutendamanombe2530
    @nokutendamanombe2530 Рік тому

    thanks a bunch

  • @ashfaqmohammed7558
    @ashfaqmohammed7558 2 роки тому +1

    Thank you

  • @pavangonahal8920
    @pavangonahal8920 3 роки тому +1

    very Helpful and try to upload messenger app little bit fast, If possible

    • @notahacker30
      @notahacker30  3 роки тому +1

      Yes, I will be uploading it sometime next week.