在使用 Node.js 的 Express.js 构建 Web 应用程序时，我们通常会处理类似文件上传的数据，这些数据使用 multipart/form-data 格式进行传输。然而，在处理这种类型的数据时，可能会遇到一些问题。本文将介绍如何在 Express.js 中正确处理 multipart/form-data 数据，并提供示例代码作为指导。
问题描述
首先，让我们看看实际出现的问题。当我们在 Express.js 中处理 multipart/form-data 格式的数据时，POST 请求的数据将包含在 req.body 中。但当我们尝试处理文件上传时，req.body 将为空并且 req.files 中也可能没有文件。这是因为由于 req.body 只能处理 url-encoded 和 JSON 数据，而 multipart/form-data 数据需要使用第三方插件 express-fileupload 或 multer 进行解析。
如果我们没有正确地配置 middleware，那么我们很可能会遇到路由处理程序在未能解析 multipart/form-data 数据时出现崩溃或错误的情况。这些错误可能显示为 req.body 或 req.files 为空，或者无法读取上传的文件。
解决方法
为了解决这个问题，我们需要配置 Express.js 应用程序来使用第三方中间件来正确解析 multipart/form-data 请求。下面是如何使用两个流行的解析器 express-fileupload 和 multer 来解析 multipart/form-data 数据的步骤：
1. 安装中间件
使用 npm 来安装 express-fileupload 或 multer 中间件。用以下命令安装 express-fileupload：
npm install --save express-fileupload
用以下命令安装 multer:
npm install --save multer
2. 配置中间件
在 Express.js 应用程序中使用中间件，我们需要在应用程序的入口文件中进行配置。以下是如何配置两个解析器的示例：
express-fileupload
const fileUpload = require('express-fileupload');
const express = require('express');
const app = express();
app.use(fileUpload());multer
const multer = require('multer');
const express = require('express');
const app = express();
const upload = multer({ dest: 'uploads/' });
app.use(upload.single('image'));3. 处理请求
使用以上配置后，我们现在可以在路由处理程序中处理 multipart/form-data 数据了。
express-fileupload
app.post('/upload', function(req, res) {
let file = req.files.myFile; // 上传的文件名字
// 处理上传的文件的代码
res.send('文件已上传');
});multer
app.post('/upload', function(req, res) {
let file = req.file; // 上传的文件名字
// 处理上传的文件的代码
res.send('文件已上传');
});总结
在本文中，我们介绍了解决 Express.js 中无法正确处理 multipart/form-data 数据的问题的方法。我们看到了如何使用第三方中间件解析这种类型的数据，并给出了使用两个流行的解析器 express-fileupload 和 multer 的示例。希望这篇文章能够帮助你解决这个问题，让你的 Express.js 应用程序能够正确地处理 multipart/form-data 数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6481480d48841e98940b779c