Node中文件上传接口的转发

2023-09-18 14:29:27

问题

在Node.js中使用egg.js框架来开发Web应用时，我们在处理文件上传接口时遇到了一个问题。在一般的POST请求中，我们可以通过ctx.body直接获取请求参数，但是在文件上传的接口中，ctx.body却返回了一个空对象（{}）。这导致了我们在处理文件上传时无法获取到所需的参数。

问题分析

经过分析，我们发现问题的原因在于文件上传请求的Content-Type。在一般的POST请求中，Content-Type通常是application/json或application/x-www-form-urlencoded。但是，在文件上传请求中，Content-Type通常是multipart/form-data。这种Content-Type会将请求体中的数据分成多个部分，其中一部分是文件数据，另一部分是其他参数数据。

解决方案

为了解决这个问题，我们需要在egg.js的配置中添加对multipart/form-data的支持。具体步骤如下：

在config/config.default.js文件中，找到multipart配置项，并将其设置为true。

config.multipart = {
  mode: 'file',
};

在config/config.prod.js文件中，找到multipart配置项，并将其设置为true。

config.multipart = {
  mode: 'file',
};

重启egg.js应用。

验证解决方案

在配置了multipart支持之后，我们就可以通过ctx.body来获取文件上传请求的参数了。具体代码如下：

const fs = require('fs');
const path = require('path');

module.exports = {
  async upload(ctx) {
    const files = ctx.request.files;
    const file = files[Object.keys(files)[0]];
    const filepath = path.join(__dirname, '../public/upload/', file.filename);
    await fs.createWriteStream(filepath).write(file.file);
    ctx.body = {
      code: 0,
      msg: '上传成功',
    };
  },
};