Express JSルートでformDataでPOSTを取得すると、空白になる

Question

NodeJSのルートでAJAXにfetch（）を使用するフォームがあります。 AJAX POSTがルートにヒットすると、req.bodyは空のオブジェクト{}を表示します。

は、ここでは、コードです：app.js

app.use（bodyParser.json（））で

//;

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で

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

Answer 1

ここでの問題はFormDataがmultipart/form-data、Expressをであるとコンテンツ・タイプを設定するということですbody-parserは分かりません。

注コメントhere：

[ボディパーサー]それらの複雑かつ一般的に大規模な自然にマルチパートのボディを、処理しません。マルチパート本体については、以下のモジュールに興味があります：busboyとconnect-busboy;多パーティーとコネクト・マルチパーティー。恐るべき;ムルター。

つまり、FormDataが送信するマルチパート本体を処理するために別のモジュールを使用する必要があります。 formidableをお勧めします。この場合、サーバーコードは次のようになります。

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'); 
    } 
}