如果我不使用 multer，ExpressJS 请求正文为空

Question

我的 express 应用程序有这个非常奇怪的问题，我只是想访问通过表单数据通过 post 请求发送的 req.body 数据，但不幸的是，当我尝试访问 request.body 中的这些值时出现未定义的错误，但什么是奇怪的是，如果我使用 multer 中间件（我在另一条路线上使用它来上传文件）我没有收到此错误。 我已经配置了 express 提供的默认正文解析器。

//body pharser
app.use(express.json());
app.use(
  express.urlencoded({
    extended: true,
  })
);

//multer configuration
const ImageUpload = multer({
  storage: storage,
  limits: { fileSize: 4194304 },
  fileFilter: Imagfilter,
});

//this will return undefined
app.post("/available",(req, res) => {
  console.log(req.body.name);
}

//but this will return the value without any issues
app.post(
  "/available",
  ImageUpload.fields([
    { name: "nicImageFront", maxCount: 1 },
    { name: "nicImageBack", maxCount: 1 },
  ]),
  (req, res) => {
 console.log(req.body.name);
}

Answer 1

这没什么好奇怪的。

FormData对象生成多部分请求。 他们必须这样做，这就是他们支持文件上传的方式。

FormData 接口提供了一种方法来轻松构造一组表示表单字段及其值的键/值对，然后可以使用 XMLHttpRequest.send() 方法轻松发送。 如果编码类型设置为“multipart/form-data”，它使用与表单相同的格式。

Multer 旨在解析多部分请求。

urlencoded中间件旨在解析 urlencoded 请求，而不是多部分请求。

json中间件旨在解析 JSON 编码请求，而不是多部分请求。