Express JS路由中的formData获取POST为空 [英] Fetch POST with formData is empty in Express JS route

问题描述

我有一种使用fetch()到AJAX并带有NodeJS上路由的表单.当AJAX POST到达路线时，req.body将显示一个空对象{}.

I have a form that uses fetch() to AJAX with a route on NodeJS. When the AJAX POST hits the route, req.body shows an empty object {}.

代码如下:

//在app.js中

app.use(bodyParser.json());

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({Extended:true}));

app.use(bodyParser.urlencoded({ extended: true }));

//在form.js中

form.getElementById('form__option').addEventListener('submit', e => {
    e.preventDefault()
    const form = $('form')[0]
    fetch('/polls/create', {
        method: 'POST',
        body: new FormData(form)
    })
})

//在appRoute.js中

// in appRoute.js

exports.createPost = (req, res, next) => {
    console.log('req body', req.body)
    res.send('NOT IMPLEMENTED: pollsController createPost');
}

推荐答案

此处的问题是 FormData 将内容类型设置为 multipart/form-data ，Express的 body-parser 不了解.

The issue here is that FormData will set the content type to be multipart/form-data, which Express' body-parser doesn't understand.

请在此处:

[body-parser]由于其复杂且通常较大的性质，因此无法处理多部分主体.对于多部分实体，您可能对以下模块感兴趣:busboy和connect-busboy;多方和连接多方；强大;摇摇欲坠.

[body-parser] does not handle multipart bodies, due to their complex and typically large nature. For multipart bodies, you may be interested in the following modules: busboy and connect-busboy; multiparty and connect-multiparty; formidable; multer.

因此，换句话说，您必须使用其他模块来处理FormData发送的多部分主体.我可以推荐 formidable ，在这种情况下，您的服务器代码应类似于:

So in other words, you have to user a different module to handle the multipart body that FormData sends. I can recommend formidable, in which case you're server code would look something like:

const formidable = require('formidable')

exports.createPost = (req, res, next) => {
    var form = new formidable.IncomingForm();
    form.parse(req, (err, fields, files) => {
        console.log(fields)
        res.send('NOT IMPLEMENTED: pollsController createPost');
    }
}

这篇关于Express JS路由中的formData获取POST为空的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！