Как загрузить фото на бэк express.js с использованием multer?

Question

[Tdvist]

Планирую реализовать загрузку изображения с клиента на бэк с последующим использованием.
Помимо file в форме есть несколько полей.
Файл обрабатываю через multer.
middleware

const storage = multer.diskStorage({
  destination(req, file, cb) {
    cb(null, 'images/')
  },
  filename(req, file, cb) {
    cb(null, new Date().toISOString() + '-' + file.originalname)
  },
})

const types = ['image/png', 'image/jpeg', 'image/jpg']

const fileFilter = (req, file, cb) => {
  if (types.includes(file.mimetype)) {
    cb(null, true)
  } else {
    cb(null, false)
  }
}

с встраиванием в роут
fileMiddleware.single('bizImage')
Думал, что на выходе будет req с полем file, чтобы взять оттуда путь и закинуть к остальным полям в БД, но по итогу получаю в req.body нужные поля текстовые (там где было поле файла становится пустой объект), а req.file == undefined. Если я неправильно понял алгоритм, просьба наставить на путь истинный.

Answer 1

[historydev]

const upload = multer({ dest: 'uploads/' });
upload.single('bizImage')

Comments

[Tdvist]

Я экспортирую middleware
module.exports = multer({storage, fileFilter})
И вызываю как fileMiddleware

router.post("/", fileMiddleware.single('bizImage'), async (req, res) => {
  console.log(req)
  console.log(req.file)

[historydev]

Tdvist, попробуйте просто сделать так, как здесь на главной странице:
https://www.npmjs.com/package/multer
И потом уже свои настройки добавлять будете, проверьте есть ли req.file, если нет, значит с фронта не доходит

[Tdvist]

Владимир, Но то что помимо этого файла принимаются еще текстовые поля это же ок?

[historydev]

Tdvist, это не должно влиять, но вы можете легко проверить отправив форму только с файлом

[Tdvist]

Тоже самое


console.log прям перед отправкой формы. На форме encType="multipart/form-data".

[historydev]

Tdvist, почитайте вот здесь:
https://blog.logrocket.com/multer-nodejs-express-u...
Должно помочь