como funciona esse modo de armazenamento? as imagens ficam armazenada no lado do servidor ? e não no banco de dados ? como isso funcionaria em uma aplicação real tipo facebook, pinterest?
Estou fazendo igual ao video porém quando tento enviar um arquivo .mp4 ou .pdf não retorna o status 400. Coloquei um console.log dentro da propriedade fileFilter quando retorna false e o console aparece, mas porque continua dando sucesso ?
Aula top como sempre, muito bem explicado.... Professor poderia faz via React o upload como sugerido no final do vídeo... Ah, professor seria possível faz um tutorial de uma aplicação web ensinando a alocar tanto a aplicação quando a API criada, para saber como proceder corretamente tanto a hospedagem quanto a segurança de ambos. Obrigado
Caso aparece um erro desse jeito: Error: ENOENT: no such file or directory, open 'C:\Users\borge\OneDrive\Área de Trabalho\public\upload\users\1711923346034__cards.png'. Podem usar o path para construir um caminho. Exemplo: const uploadPath = path.join(__dirname, '..', 'public', 'upload', 'users');
Olá Alexandre, Dá sim. Segue o link do tutorial que apresenta como usar o React para implementar o formulário de upload integrado com esse back-end: th-cam.com/video/kBSckls-Ih4/w-d-xo.html
Rapaziada, confiram se vcs colocaram os formatos certinhos das imagens na const extensaoImg. A requisição tava falhando aqui e vi q tinha errado nisso.
Olá WebSim, Obrigado pela sugestão. Atualmente apresento no curso de Node.js, React e React Native como implementar o sistema de login: celke.com.br/curso/curso-de-node-react-react-native?pagi=serpen09130821
Imagens não são salvas em bancos de dados pq isso prejudicaria a performance do bd, imagens são muito pesadas para isso, o ideal é vc pegar o local em que a imagem está armazenada e salvar no banco de dados, mas não a imagem em si
@@matola2011 pega a URL da pasta pública onde vc salvou a imagem e concatena com o nome da imagem, aqui pra mim, eu encontrei no objeto file da requisição. Pra salvar no banco, coloca o nome do arquivo em uma coluna da tabela que vc vai usar, no meu caso, usuarios. Aí é só ler a coluna e concatenar com o caminho da pasta.
Os seus tutorias sempre são muito úteis manda um com upload Node + React + banco de dados 🔝🔝🔝🔝👏🏼👏🏼👏🏼👏🏼
Todos os seus vídeos são muito bem explicados. Muito obrigado pelo excelente conteúdo.
Parabéns prof.
Excelente sua didática.
Olá Sanzio,
Obrigado 😃
Muito obrigado por compartilhar esse conhecimento!!
Celke, muito bom tutorial! Vai ser muito util para mim! Parabéns! Continue assim que você vai longe!
Obrigado!
Faz um vídeo de como fazer deploid desse backend na vercel
como funciona esse modo de armazenamento? as imagens ficam armazenada no lado do servidor ? e não no banco de dados ? como isso funcionaria em uma aplicação real tipo facebook, pinterest?
Sim! tenho muito interesse!
Aula muito boa, parabéns!
Estou fazendo igual ao video porém quando tento enviar um arquivo .mp4 ou .pdf não retorna o status 400. Coloquei um console.log dentro da propriedade fileFilter quando retorna false e o console aparece, mas porque continua dando sucesso ?
como seria para SalvarEditar e Listar a imagem no banco mysql?
Aula top como sempre, muito bem explicado.... Professor poderia faz via React o upload como sugerido no final do vídeo... Ah, professor seria possível faz um tutorial de uma aplicação web ensinando a alocar tanto a aplicação quando a API criada, para saber como proceder corretamente tanto a hospedagem quanto a segurança de ambos. Obrigado
Olá Rodrigo,
Obrigado pela sugestão.
Essas imagens são enviada como arquivo ou base64?
Caso aparece um erro desse jeito: Error: ENOENT: no such file or directory, open 'C:\Users\borge\OneDrive\Área de Trabalho\public\upload\users\1711923346034__cards.png'. Podem usar o path para construir um caminho. Exemplo: const uploadPath = path.join(__dirname, '..', 'public', 'upload', 'users');
Muito boa aula... Dá para usar estas imagens num frontend? tipo react?
Olá Alexandre,
Dá sim.
Segue o link do tutorial que apresenta como usar o React para implementar o formulário de upload integrado com esse back-end: th-cam.com/video/kBSckls-Ih4/w-d-xo.html
Rapaziada, confiram se vcs colocaram os formatos certinhos das imagens na const extensaoImg. A requisição tava falhando aqui e vi q tinha errado nisso.
Professor, por favor, ensina a fazer um sistema de login seguro
Olá WebSim,
Obrigado pela sugestão.
Atualmente apresento no curso de Node.js, React e React Native como implementar o sistema de login: celke.com.br/curso/curso-de-node-react-react-native?pagi=serpen09130821
@@celkecursos um dia terei condições de comprar !
O sistema de login seria com Node.js e React?
Ou outra biblioteca ou linguagem de programação?
@@celkecursos somente com node mesmo, não precisa nem do react...
vlwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww seu lindo
não aparece o consoel .log aqui
Como salvar essa imagem em um banco de dados? Como por exemplo, o MongoDB
Imagens não são salvas em bancos de dados pq isso prejudicaria a performance do bd, imagens são muito pesadas para isso, o ideal é vc pegar o local em que a imagem está armazenada e salvar no banco de dados, mas não a imagem em si
@@clone9550 como faria isso?
@@matola2011 pega a URL da pasta pública onde vc salvou a imagem e concatena com o nome da imagem, aqui pra mim, eu encontrei no objeto file da requisição.
Pra salvar no banco, coloca o nome do arquivo em uma coluna da tabela que vc vai usar, no meu caso, usuarios.
Aí é só ler a coluna e concatenar com o caminho da pasta.
Estou tentando acessar o código fonte e dá que a pagina não está mais disponível, alguém sabe o pq?
Olá Paulo,
Corrigido o link de download: celke.com.br/material-gratuito/fazer-upload-imagem-nodejs
estou fazendo um formulario com 3 imagens por cadastro, como faria para ele criar uma pasta para cada cadastro?
Oi, conseguiu solucionar? Estou tentando fazer algo parecido, porém tenho em mente vincular a img com o Id do usuário...
@@thalessantos3535consegui vincular a imagem no banco mongo fazendo uma função