Express.js表单提交失败：req.body为空问题求助

问题原因 #

Express默认的express.urlencoded()中间件仅处理application/x-www-form-urlencoded类型的请求体，而你的表单设置了enctype="multipart/form-data"，这种格式需要专门的解析器才能处理，因此req.body为空。

解决方案 #

分两种场景处理：

场景1：表单无需上传文件 #

当前你的表单并没有文件上传字段，直接移除表单的enctype="multipart/form-data"属性即可：

<form action="/events" method="POST" novalidate>
  <!-- 表单其余内容保持不变 -->
</form>

此时express.urlencoded({ extended: true })就能正常解析表单数据，req.body会包含所有字段值。

场景2：表单需要支持文件上传（未来计划添加） #

如果后续需要加入文件上传功能，使用multer中间件解析multipart请求：

1. 安装multer依赖：

npm install multer

2. 在Express应用中配置并使用multer：

const express = require('express');
const app = express();
const multer = require('multer');
// 配置内存存储（适合仅解析文本字段或临时存储文件的场景）
const upload = multer({ storage: multer.memoryStorage() });

// 保留原有中间件配置...
app.engine('ejs', ejsMate);
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
app.use(express.urlencoded({ extended: true }));
app.use(express.json());
app.use(methodOverride('_method'));
app.use(express.static(path.join(__dirname, 'public')));
app.use(cors("*"));

// 在POST路由中添加multer中间件
app.post('/events', upload.none(), async (req, res) => {
    console.log('Received form data:', req.body); // 现在可正常获取数据
    try {
        const eventData = {
            EventName: req.body.EventName,
            EventDate: req.body.EventDate,
            EventTime: req.body.EventTime,
            EventLocation: req.body.EventLocation,
            EventDescription: req.body.EventDescription,
            EventEligibility: req.body.EventEligibility,
            EventOrganiserName: req.body.EventOrganiserName || 'NOT SET',
            EventOrganiserEmail: req.body.EventOrganiserEmail || 'NOT SET'
        };
        const eventId = await createEvent(eventData);
        res.redirect(`/events/${eventId}`);
    } catch (error) {
        console.error('Error creating event:', error);
        res.status(500).json({ error: 'Error creating event' });
    }
});

// 保留其余路由配置...

• upload.none()表示仅解析文本字段，不处理文件上传。若后续添加文件字段，可改用upload.single('fieldname')（单文件）或upload.array('fieldname', count)（多文件）等方法。

验证 #

修改完成后重启服务器，提交表单即可看到req.body正确获取到所有表单字段值。

内容的提问来源于stack exchange，提问作者Jagan Achu