rota no backend:
router.get('/imagem/:nomeImagem', (req,res) => {
try {
return res.sendFile(path.join(__dirname, ../${req.params.nomeImagem}
));
} catch(erro) {
return res.status(500).json(erro);
}
})
componente no frontend:
function CardJogador(props) {
return(
<img src={http://localhost:3000/atletas/imagem/${props.imagem}
} alt={Imagem do jogador ${props.nome}
} />
Nome: {props.nome}
Idade: {props.idade}
Posição: {props.posicao}
Categoria: {props.categoria}
) }props. imagem retorna um valor tipo: uploads\1708142851285.jpeg
e ao usar a mesma url que a utilizada em src no postman (exemplo: http://localhost:3000/atletas/imagem/uploads\1708142851285.jpeg) a imagem é enviada corretamente. Mas no frontend ela não carrega, não aparece nenhum erro no console, a imagem apenas não aparece