req.file 未定义：使用 multer 快速上传图片

Question

我正在尝试使用 multer 在快速服务器中上传图像，但是，使用 postman 使用下面的路由上传图像会给出 json 消息 { msg: 'image uploaded successfully' }（即，路由正确到达），但 req.file 给出@ 987654323@。为什么？相关文件结构如下，以确保我正确引用了目标：

-后端
--路由
---上传路由.js
--server.js
-前端
- 上传

上传路由.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

只需检查header 和body form-data 请求，因为如果您在应用文件中有此行，则您的代码是正确的

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

请求头