req.file未定义：使用multer在express中上传图像

Question

我试图使用multer在express服务器中上载图像，但是，使用postman上载图像时，使用下面的路由会给出json消息{msg:'image uploaded successed'}（即正确到达了路由），但是req.file给出undefined。为什么？相关的文件结构如下所示，以确保我正确引用了目的地：

UploadRoutes.js

import path from 'path';
import express from 'express';
import multer from 'multer';

const router = express.Router();

const storage = multer.diskStorage({
  destination(req, file, cb) {
    cb(null, 'uploads');
  },
  filename(req, file, cb) {
    cb(
      null,
      `${file.fieldname}-${Date.now()}${path.extname(file.originalname)}`
    );
  },
});

function checkFileType(file, cb) {
  const filetypes = /jpg|jpeg|png/;
  const extname = filetypes.test(path.extname(file.originalname).toLowerCase());
  const mimetype = filetypes.test(file.mimetype);

  if (extname && mimetype) {
    return cb(null, true);
  } else {
    cb('Images only!');
  }
}

const upload = multer({
  storage,
  fileFilter: function (req, file, cb) {
    checkFileType(file, cb);
  },
});

router.post('/', upload.single('image'), (req, res) => {
  console.log(req.file);
  try {
    res.status(200).json({ msg: 'image uploaded successfully' });
  } catch (error) {
    console.error(error.message);
  }
  // res.send(`/${req.file.path}`);
});

export default router;

Answer 1

只需检查头和正文form-data请求，因为如果应用程序文件中有这一行，您的代码是正确的

app.use("/uploads", express.static("uploads"));

请求标头