23

因为我花了一些（太多）时间来弄清楚这个简单的要求。我在这里记录multipart/form-data使用 Koa 实现正文解析的方法。

就我而言，混乱的原因是可用的替代品数量：

我想找到最简约/最接近express/koa/node的做事方式/哲学。

所以就在这里。以下。在接受的答案中。希望这可以帮助。

4

4 回答 4

14

您必须按照官方Koa wiki中的说明使用koa-multer。

所以一个简单的设置看起来像：

const koa = require('koa');
const multer = require('koa-multer');

const app = koa();

app.use(multer());

app.use(function *() {
  this.body = this.req.body;
});

几点注意事项：

  • Multer 只会解析类型的请求体multipart/form-data
  • 注意使用this.req.body代替 Koa 的增压this.request（不确定这是否是故意的，但这肯定会令人困惑......我希望解析body后可用this.request......）

并将此 HTML 表单发送为FormData：

<form>
  <input type="hidden" name="topsecret" value="1">
  <input type="text" name="area51[lat]" value="37.235065">
  <input type="text" name="area51[lng]" value="-115.811117">
  ...
</form>

可以让您按预期访问嵌套属性：

// -> console.log(this.req.body)
{
  "topsecret": 1,
  "area51": {
    "lat": "37.235065",
    "lng": "-115.811117",
  }
}
于 2015-11-17T07:17:35.587 回答
14

对于Koa2，您可以使用async- busboy ，因为其他解决方案不支持promises或async/await。

文档中的示例：

import asyncBusboy from 'async-busboy';

// Koa 2 middleware
async function(ctx, next) {
  const {files, fields} = await asyncBusboy(ctx.req);

  // Make some validation on the fields before upload to S3
  if ( checkFiles(fields) ) {
    files.map(uploadFilesToS3)
  } else {
    return 'error';
  }
}
于 2016-04-27T10:59:52.923 回答
9

我有三个适合我的解决方案：

  1. koa-bodymultipart/form-data ，请注意它仅使用multipart: true选项解析。
const Koa = require('koa');
const koaBody = require('koa-body');
const Router = require('koa-router');

const app = new Koa();
const router = new Router();

app.use(koaBody({ multipart: true }));

router.post('/', async ctx => {
    const body = ctx.request.body;
    // some code...
});

app.use(router.routes());

app.listen(3000);
  1. koa-bodyparser，multipart/form-data只解析koa2-formidable它之前的中间件。
const Koa = require('koa');
const bodyParser = require('koa-bodyparser');
const formidable = require('koa2-formidable');
const Router = require('koa-router');

const app = new Koa();
const router = new Router();

app.use(formidable());
app.use(bodyParser());

router.post('/', async ctx => {
    const body = ctx.request.body;
    // some code...
});

app.use(router.routes());

app.listen(3000);
  1. @koa/multer，请注意它multipart/form-data仅在安装multer包时才解析。另请注意，koa-multer已弃用，请勿使用它。
const Koa = require('koa');
const Router = require('koa-router');
const multer = require('@koa/multer');

const app = new Koa();
const router = new Router();
const upload = multer(); // you can pass options here

app.use(upload.any());

router.post('/', async ctx => {
    const body = ctx.request.body;
    // some code...
});

app.use(router.routes());

app.listen(3000);
于 2020-01-27T17:14:58.053 回答
5

我经历了与您相同的调查，这里有其他方法可以multipart/form-data使用 Koa 实现身体解析。

助理：

var koa = require('koa');
var parse = require('co-busboy');

const app = koa();

app.use(function* (next) {
  // the body isn't multipart, so busboy can't parse it 
  if (!this.request.is('multipart/*')) return yield next;

  var parts = parse(this),
      part,
      fields = {};
  while (part = yield parts) {
    if (part.length) {
      // arrays are busboy fields 
      console.log('key: ' + part[0]);
      console.log('value: ' + part[1]);

      fields[part[0]] = part[1];
    } else {
      // it's a stream, you can do something like:
      // part.pipe(fs.createWriteStream('some file.txt'));
    }
  }

  this.body = JSON.stringify(fields, null, 2);
})

koa 身体：

var koa = require('koa');
var router = require('koa-router');
var koaBody = require('koa-body')({ multipart: true });

const app = koa();

app.use(router(app));

app.post('/', koaBody, function *(next) {
  console.log(this.request.body.fields);

  this.body = JSON.stringify(this.request.body, null, 2);
});

在这两种情况下，您都会得到如下响应：

{
  "topsecret": 1,
  "area51": {
    "lat": "37.235065",
    "lng": "-115.811117",
  }
}

但就个人而言，我更喜欢 koa-body 的工作方式。另外，与koa-validate等其他中间件兼容。

另外，如果你为 koa-body 指定一个上传目录，它会为你保存上传的文件：

var koaBody = require('koa-body')({
  multipart: true,
  formidable: { uploadDir: path.join(__dirname, 'tmp') }
});
于 2016-01-08T01:08:27.743 回答