Como criar o formulário upload com React e enviar a imagem para back-end

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ธ.ค. 2024

ความคิดเห็น • 21

  • @descomplicandogame4727
    @descomplicandogame4727 2 ปีที่แล้ว +1

    Muito show seus tutoriais, comecei a programar com você, tenho os cursos na minha área do aluno de bootstrap 4 e PHP orientado a objeto, brevemente irei adquirir os de NODE REACT E REACT NATIVE, seu tutoriais são simples e objetivos, muito obrigado pela sua contribuição no mundo da tecnologia meu amigo.

  • @aldecirlima007
    @aldecirlima007 3 ปีที่แล้ว +3

    O Like mais merecido que já vi! Muito bom!

  • @dempseysilva6369
    @dempseysilva6369 ปีที่แล้ว +3

    quem estiver com problema retornando 400, altere o 'const headers' linha 19 que funciona.
    Deixe assim:
    const headers = {
    'headers':{
    'Content-Type': 'application/json',
    'Content-Type': 'multipart/form-data; boundary='
    }
    }

    • @aisefosseopeter8554
      @aisefosseopeter8554 ปีที่แล้ว +1

      Me ajudou bastante, TE AMO CARA!!!!!!!!!!!!!!!!!!

  • @gelsoschwertz
    @gelsoschwertz ปีที่แล้ว +3

    comigo so funcionou usando o 'headers': {
    'Content-Type': 'multipart/form-data'
    }

  • @digoferon
    @digoferon 3 ปีที่แล้ว +2

    Muito massa ! Valeu Cesar ... :)

  • @MrAtari21
    @MrAtari21 3 ปีที่แล้ว +3

    Ótima didática. O Sr poderia criar um vídeo ensinando fazer com php no backend, salvar no banco de dados e depois resgatar a imagem salva?

    • @celkecursos
      @celkecursos  3 ปีที่แล้ว +1

      Olá Felipe,
      Obrigado pela sugestão.

    • @digoferon
      @digoferon 3 ปีที่แล้ว

      Boa ideia !

  • @tobeagoofy
    @tobeagoofy 2 ปีที่แล้ว +1

    Vlw, muito obrigado.

  • @evertonhitto1025
    @evertonhitto1025 ปีที่แล้ว

    Como posso colocar essas imagens no MongoDB Atlas?

  • @alexandrepereira2174
    @alexandrepereira2174 3 ปีที่แล้ว +1

    Valeu!!! Muito obrigado!

  • @eduardocallegario663
    @eduardocallegario663 ปีที่แล้ว +1

    Olá. Está dando erro 400, não importa oq eu faça. Já conferi a rota de requisição de post no front e no back, além do que o servidor espera receber de requisição. Não sei mais oq fazer

    • @celkecursos
      @celkecursos  ปีที่แล้ว

      Olá, Eduardo,
      Necessário liberar o cors: celke.com.br/artigo/como-permitir-acesso-a-api-com-cors-parte-7

    • @dempseysilva6369
      @dempseysilva6369 ปีที่แล้ว +1

      bom dia, altere seu const headers que funciona.
      Deixe assim:
      const headers = {
      'headers':{
      'Content-Type': 'application/json',
      'Content-Type': 'multipart/form-data; boundary='
      }
      }

  • @wandooliveira3581
    @wandooliveira3581 2 ปีที่แล้ว

    meu fica dando esse error quando vou enviar para o servidor Possible Unhandled Promise Rejection (id: 0):
    [AxiosError: Network Error]

  • @arthurnepomuceno2530
    @arthurnepomuceno2530 ปีที่แล้ว

    Vídeo muito bom, esclareceu bastante coisa, porém tem um erro não comentado e que segue acontecendo por aqui. Mesmo seguindo EXATAMENTE o que está no vídeo, por aqui o formData.append() não funciona.

  • @carlosbrhenrique1963
    @carlosbrhenrique1963 2 ปีที่แล้ว

    Tô tentando enviar uns arquivos pra um servidor externo, mas sempre me retorna o erro 422, porém não sei pq, pq tô fzd exatamente como todo mundo faz, assim como nesse vídeo tbm.

  • @overtime1406
    @overtime1406 3 ปีที่แล้ว +1

    Legal o tutorial, mas, professor, como faço pra carregar estas imagens no front end?

    • @celkecursos
      @celkecursos  3 ปีที่แล้ว

      Olá Sisgesti,
      Liberado o tutorial apresentado como listar as imagens no front-end: th-cam.com/video/9kPDwoI4LiE/w-d-xo.html

  • @fixx2144
    @fixx2144 3 ปีที่แล้ว +2

    , 👏👏