Solucionado
Fiz um backend onde se é possível fazer upload de imagens, usando multer com nodejs. O frontent foi feito em react, o problema é que ao tentar pegar os dados da imagem em questão, no caso o diretório para que eu possa a mostrar na tela, aparece esta mensagem: Not allowed to load local resource: file://"diretorio-da-pasta-das-imagens". Não sei se consegui explicar direito mas o fato é que não consigo consertar este erro
Oii Luís, tudo bem?
Pelo que entendi da sua mensagem, você tá tentando acessar um arquivo local diretamente do seu navegador, o que muitas vezes não é permitido por razões de segurança.
O erro "Not allowed to load local resource" é uma restrição de segurança do navegador para evitar que páginas da web acessem arquivos locais diretamente.
Uma solução que vejo para o seu problema seria servir essas imagens através do seu servidor Node.js. Em vez de tentar carregar o arquivo diretamente, você pode criar uma rota em seu servidor que lida com o envio desses arquivos.
Por exemplo, você pode criar uma rota como esta:
app.get('/images/:name', (req, res) => {
res.sendFile(__dirname + '/caminho/para/suas/imagens/' + req.params.name);
});
E então, em seu Front-end, você pode acessar a imagem através da URL do servidor, como:
<img src={`http://localhost:porta-do-seu-servidor/images/nome-da-imagem.jpg`} />
Não esquece de substituir 'caminho/para/suas/imagens/', 'localhost:porta-do-seu-servidor' e 'nome-da-imagem.jpg' pelos valores corretos de acordo com o seu projeto.
Você também pode postar essas dúvidas no canal do discord que por lá a comunidade pode te ajudar também, já que é um projeto fora do escopo dos cursos.
Um abraço e bons estudos.