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

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

Комментарии •

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

  • @DNEZZA
    @DNEZZA 11 месяцев назад

    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.

  • @aleflxr
    @aleflxr 2 года назад +1

    Super useful

  • @TheSEGFam
    @TheSEGFam Год назад

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

  • @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.🙄

  • @shivendrasingh3069
    @shivendrasingh3069 Год назад

    i am getting cors error how to solve it?

  • @TuanPham-vn8uc
    @TuanPham-vn8uc 2 года назад +2

    very simple, you saved me, thanks !

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

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

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

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

  • @ezeonyemaechi1304
    @ezeonyemaechi1304 Год назад

    Thank you very much you have saved a life

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

  • @meteanddesign
    @meteanddesign Год назад

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

  • @Human_Evolution-
    @Human_Evolution- 2 года назад

    Is there a repo for this?

    • @notahacker30
      @notahacker30  2 года назад

      Yes, its down in the description.

  • @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 2 года назад +1

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

    • @notahacker30
      @notahacker30  2 года назад +1

      Yes, I will be uploading it sometime next week.