UPLOAD DE IMAGENS COM FIREBASE E REACT | FIREBASE V9 STORAGE

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

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

  • @rodrigoserrasqueiro
    @rodrigoserrasqueiro Год назад +1

    Uma salva de palmas quando a gente acha uma cara que traz um conteudo funcional desses simples, direto e reto. Parabéns. Funcionou certinho aqui.

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

    Cara, chega a ser insano a sua didática. Eu descobri seu canal tentando saber qual é o real potencial do firebase e todo vídeo seu é uma aula impecável. É difícil achar um vídeo onde a pessoa reforça as explicações, como foi você criando um projeto do zero.
    Obrigado e muito sucesso!

  • @gustavoruti
    @gustavoruti Год назад +3

    Muito bom, muito obrigado. Triste ver um vídeo sensacional desses com poucos likes e views

  • @franciscomenezes6970
    @franciscomenezes6970 2 года назад +6

    mais de 1000 visualizações e 71 likes este vídeo merecia explodir de likes, que conteúdo bacana!

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

    Brigadão mano! Salvei aqui pra quando estiver realmente aplicando. Estava somente procurando como seria a implementação. Pela sua explicação, parece bem simples mesmo!! Parabéns pelo conteúdo.

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

    Cara fiquei horas tentando fazer. Obrigado irmão.

  • @IrmaoUrso
    @IrmaoUrso 8 месяцев назад +1

    Fala rodrigo blz ? to com um problemao pra subir uma imagem junto com um form. meu problema acontece que o form sobe a img tbm, mas com um novo form a imagem anterior é substituída, nao faço ideia do que fazer, ja apelei pro gpt mas nem assim.

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

    Ótima aula, bem simples de entender

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

    Show 👏🏻👏🏻👏🏻

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

    vlwww, era oq eu mais queria ❤

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

    mano, salvou meu projeto, brigadooooooo

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

    bom demais.
    se puder trazer vídeos de react criando spa vai ser irado!!!

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

      Opa Leno!! Siimm vai ter mais vídeos de React criando as SPA!! Valeu pelo comentário 😁💻💥🚀

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

    parabens me ajudou muito

  • @maycondouglas3179
    @maycondouglas3179 Год назад +1

    Deveria combinar aquele vídeo do multer com esse, para salvar as imagens no firebase e a url no banco, para não ficar salvo na própria aplicação

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

    👏🏼👏🏼👏🏼👏🏼

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

    seria possível com firebase se eu pro exemplo criar um sistema onde o usuário cria seu login com email, senha e ele escolher uma foto do computador dele para inserir tudo isso no banco de dados? e em seguida ao usuário logar no site aparecer a imagem que ele escolheu como avatar?

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

      E totalmente possível siimm!!! 🚀😁

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

      Cara usa o Firebase Auth pra isso, o objeto de usuario contem uma chave chamada profileURL ou algo assim, e você seta essa imagem ali.

  • @matheusdev726
    @matheusdev726 Год назад +1

    E como posso pegar a url de uma imagem direto do storage e converter ela para um data:image sem ter problemas com o CORS ? É que eu preciso pegar minha imagem atual do sotrage e reenviar ela só que com outro nome e depois fazer a exclusão da original !

    • @sxsxsx.sxsxsx.sxsxsx
      @sxsxsx.sxsxsx.sxsxsx 9 месяцев назад

      preciso de algo parecido, to fazendo um app q quando eu der um replace na foto eu preciso excluir a antiga do storage e jogar ela por cima, sabe comi faço

    • @IrmaoUrso
      @IrmaoUrso 8 месяцев назад

      @@sxsxsx.sxsxsx.sxsxsx kkkkkkkkk meu codigo ta fazendo isso quando na vdd ele devia adicionar uma nova com um form novo.

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

    Tenho uma pergunta, estou com projeto para entregar porém já estou com código feito, preciso fazer fazer essas funções no APP.js ou posso criar direto na página que estou montando?

  • @Jack-ss4re
    @Jack-ss4re 2 года назад

    Amigo, muito bom sua aula, me ajudou demais a entender o processo de storage. Mas tô com um probleminha no useState dentro do .then, após eu fazer setImgURL(url), eu printo no console o valor de url e o valor de imgURL, mas somente o valor de url é mostrado, pelo visto o setImgURL não funcionou… você sabe o que poderia ser? Como consertar?

    • @Jack-ss4re
      @Jack-ss4re 2 года назад

      Eu preciso enviar mais dados, nome, email, senha, e assim que eu chamo aquela função uploadTask.on(), meu programa continua a rodar e não espera o uploadTask terminar de settar a minha url na minha imgURL, então os dados são enviados sem a minha imagem. Eu não sei como resolver isso

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

    Cara.. Estou tentando desenvolver um app com react native e firebase e quero implementar essa parte de upload de imagem de maneira que ela fique vinculada ao "produto" que eu for adicionar. Ex: na tela de adicionar produto a pessoa vai ter a opção de camera para fazer o upload da imagem ou tirar a foto e abaixo alguns campos para registra-lo. Queria saber se existe uma maneira rápida de fazer isso ou se tem alguma coisa atualizada na internet sobre, já tentei de várias formas e não consegui chegar a um resultado

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

      A maneira que eu conseguir fazer isso foi criando um banckend separado.
      Então fica dessa forma:
      Dentro do app mobile eu seleciono a foto desejada, e mando essa foto pro meu backend e faço o upload para o firebase por lá
      depois dê uma olhada:
      app mobile: github.com/Rodrigo322/resolveai-mobile
      backend: github.com/Rodrigo322/resolveai

  • @WanderAugusto
    @WanderAugusto Год назад +1

    Opa legal! Qual é o custo pra hospedar os arquivos no Storage?

    • @GaiProgramador
      @GaiProgramador  Год назад +1

      Dentro do Cloud Storage eles oferecem 5Gb gratuitos, e depois 0,026 centavos de dólar por cada GB adicional

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

      @@GaiProgramador opa!!! Valeu demais!!!

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

    Cara, estava tentando fazer esse aqui ruclips.net/video/vUe91uOx7R0/видео.html, mas está desatualizado. Consegui corrigir umas coisas, mas não consigo mostrar as imagens.
    Eu gostaria de saber como posso retornar todas as imagens ao invés de uma só.

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

    ótimo vídeo. só fica a crítica a quantidade de “tá” e “beleza” que vc fala a cada final de frase 😂

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

      Cara isso é um mal que me persegue, não consigo parar com isso kkkkkkkk
      Valeu pelo comentário 💥🚀