FormData后台如何接收

在前端开发中，我们经常使用FormData对象来提交表单数据。那么在后台，我们应该如何接收这些数据呢？

什么是FormData

在常规情况下，我们提交表单数据通常会使用URL-encoded格式，即把所有数据都按照一定规则编码后拼接成一个字符串，然后作为QueryString附加到请求URL中。而使用FormData对象则可以更加方便地提交表单数据，这是因为FormData对象可以自动进行表单数据编码，并且支持文件上传、二进制数据传输等操作。

下面是一个使用FormData对象上传文件的示例：

let formData = new FormData();
formData.append('username', 'example');
formData.append('avatar', avatarFile);
fetch('/api/upload', {
  method: 'POST',
  body: formData
});

如何接收FormData数据

在后台，我们通常需要解析请求的数据，并将其转化成可使用的格式。对于FormData对象，我们通常可以使用以下两种方式进行解析：

1. 使用multer中间件处理文件上传

multer是一个流行的Node.js中间件，用于处理通过form表单进行的文件上传。它可以处理单个文件上传，也可以处理多个文件上传，同时还支持文件类型、大小的限制。使用multer处理文件上传可以让我们的代码更加简洁、易读。

以下是multer中间件的基本示例：

const multer = require('multer');
const upload = multer({ dest: 'uploads/' }); //指定文件的保存地址

app.post('/api/upload', upload.single('avatar'), (req, res) => {
  console.log(req.file); // { fieldname: 'avatar', originalname: 'example.png', encoding: '7bit', mimetype: 'image/png', destination: 'uploads/', filename: '3618de6dc4a5924af44b9d0526f8bf04', path: 'uploads/3618de6dc4a5924af44b9d0526f8bf04', size: 76386 }
  res.send('File uploaded successfully');
});

2. 手动解析FormData数据

除了使用multer中间件外，我们也可以手动解析FormData数据。通常情况下，我们可以使用body-parser中间件来解析请求主体。但是，body-parser中间件仅仅支持解析urlencoded和json格式的请求主体，对于FormData对象的请求，我们需要手动将其解析为可用的格式。

以下是手动解析FormData数据的示例：

const getData = (req) => {
  return new Promise((resolve, reject) => {
    let str = '';
    req.on('data', (chunk) => {
      str += chunk;
    });
    req.on('end', () => {
      const data = {};
      str.split('&').forEach((item) => {
        const arr = item.split('=');
        data[arr[0]] = decodeURIComponent(arr[1]); //解码数据
      });
      resolve(data);
    });
  });
};

app.post('/api/upload', async (req, res) => {
  const body = await getData(req); //手动解析数据
  console.log(body); // { username: 'example' }
  res.send('Data received successfully');
});

总结

对于FormData对象的表单数据，我们可以使用multer中间件或手动解析数据的方式在后台进行接收。multer中间件可以处理文件上传、多个文件上传等情况，同时还支持限制文件大小、类型等功能。而手动解析数据则可以灵活地进行数据的解析和处理。不管使用哪种方式，都需要合理解析请求数据，并将其转化成可用的格式。