Como passar a imagem do frontend (reactjs) para o backend (nodejs) e carregá-la no armazenamento do Firebase?

Question

Eu quero passar o frontend do formulário de imagem (reagir) para o backend (node). Como posso fazer isso?

Vou implantar meu front-end na hospedagem do Firebase e back-end no heroku. Como o frontend e o backend estarão em locais diferentes, como posso enviar minha imagem para o backend? Eu quero fazer upload de imagem usando nodejs. O frontend apenas enviará a imagem para o backend. Quero dizer, o nodejs fará o upload da imagem para o armazenamento do Firebase e armazenará o URL de download no banco de dados mongdb.

Answer 1

Você pode fazer isso usando formData... aqui está o código de exemplo para solicitação de API em react.

uploadHandler = () => { 
   const formData = new FormData();
   formData.append('file', this.state.selectedFile);
   axios.post('http://localhost:8080/student/image',
   formData
);
}