Estou tentando enviar um FormData() para o backend via Fetch API, porém não consigo ler os inputs do form no NODEJS. Aliás, o req.body está vazio.
Estou usando o body-parser e express.
Backend:
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
app.use(express.static('./static/'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));
app.post('/teste', (req,res) => {
console.log(req.body);
res.send('teste');
});
app.get('/', (req,res) => {
res.sendFile(__dirname + '/index.html');
});
app.listen(3000, () => {
console.log('rodando...');
});
module.exports = () => app;
Frontend:
window.onload = () => {
var form = document.getElementById('myForm');
form.addEventListener('submit', (evt) => {
evt.preventDefault();
var myHeader = new Headers();
// myHeader.append('Content-type', 'application/x-www-form-urlencoded');
// myHeader.append('Content-type', 'multipart/form-data');
var myFormData = new FormData(form);
fetch('/teste', {
method: 'POST',
headers: myHeader,
body: myFormData
}).then((retorno) => {
console.log(retorno);
}).catch();
});
}
Consigo ler algo no req.body somente quando o Content-type está igual a 'application/x-www-form-urlencoded'. No caso é isso que aparece na console.log():
{
'------WebKitFormBoundaryUlQT9OMwOZvpVQ0U\r\nContent-Disposition: form-data; name': '"nome"\r\n' +
'\r\n' +
'digitando algo \r\n' +
'------WebKitFormBoundaryUlQT9OMwOZvpVQ0U\r\n' +
'Content-Disposition: form-data; name="idade"\r\n' +
'\r\n' +
'ABACATE\r\n' +
'------WebKitFormBoundaryUlQT9OMwOZvpVQ0U--\r\n'
}