Как достать изображение из папки которую создал multer?

Question

[Johniq]

Использую https://github.com/expressjs/multer для загрузки изображений, папка сервера и клиента находятся в разных местах использую concurrently для запуска обоих, папка которую создает multer находится в src клиента(использую create-react-app), соответственно при загрузке изображения у меня появляется путь к нему(который я думаю сохранять в бд), только этот путь относительно моей папки сервера, так если я буду отдавать этот путь на клиент он будет неправильным, как тут быть? помогите разобраться как правильно организовать это дело :)

Comments

[Abcdefgk]

Как выглядит полученный путь до файла увидеть можно?

[Johniq]

Abcdefgk, вот это респонс, тоесть сам req.file

app.post('/profile', upload.single('avatar'), function (req, res, next) {
  res.send(req.file)
})

[Johniq]

Abcdefgk, но я пришел к выводу что я делаю какую-то дичь, всё равно я не смогу получить доступ к изображению с любой папки, и я не знаю что вообще теперь делать, то есть хотелось бы так, пользователь загружает изображение, оно летит в бд, обновляется страница и я получаю изображение из бд и тут же его подставляю куда мне надо, а это какие-то извращения, или я заблуждаюсь в том, что надо сохранять путь, а не само изображение?

[Abcdefgk]

Johniq, не понимаю, какая проблема - дописать к этой строчке впереди недостающий кусок от корня? Но правильней, наверное, переместить его туда, откуда клиент их и должен доставать, и эту стандартную ссылку сохранить в базу. Или я не вижу какого-то "подводного камня" проблемы?

[Abcdefgk]

app.post('/profile', upload.single('avatar'), function (req, res, next) {
  fs.rename(path.join(__dirname, req.file.path), 'абс. путь до нужного места/' + req.file.filename, err => {...});
  res.send('абс. путь до нужного места/' + req.file.filename);
});

[Johniq]

Abcdefgk, но тут и вторая проблема, в том что я не могу использовать в реакте путь который вне src, даже если сам файл в src, например я делаю

<img src={require('/client/src/uploads/avatar.jpg')} alt="img" />

вылетает ошибка, приходится делать import img from '../uploads/avatar.jpg' что не правильно, так как у каждого пользователя уникалная и я не могу знать какую именно картинку импортить

[Abcdefgk]

Johniq, Ну положите его туда, откуда можете использовать. В чём вопрос-то?

[Johniq]

Abcdefgk, большое спасибо за помощь, но тут уже проблема в том что require работает таким образом что его обзор изначально начинается вне папки src а из самого корня проекта, всё равно придется прописать /client/src/uploads а это вызывает ошибку, только import работает, а папка uploads в правильном месте

[Johniq]

помогла такая штука "start": "cross-env NODE_PATH=src react-scripts start & yarn watch-css" теперь require работает в нужном мне контексте