在现代 Web 开发中，很多应用都需要用户上传文件，例如图片、音频、视频等。在 Express.js 中可以使用 Multer 中间件来方便地处理文件上传，同时也可以对上传的文件进行校验和转换等操作。
在本文中，将介绍如何在 Express.js 中使用 Multer 中间件进行文件上传和处理，并提供示例代码和详细解释。
安装和配置 Multer
首先，需要安装 Multer 模块。可以通过 npm 来进行安装：
npm install multer
安装好后，在 Express.js 中引入 Multer：
const multer = require("multer");Multer 可以通过配置来实现更灵活的文件上传和处理。下面是一个基本的配置示例：
const upload = multer({ dest: "uploads/" });其中，dest 属性表示文件上传时的保存路径。Multer 会自动创建该目录，如果上传的文件已经存在，则会自动进行覆盖。
文件上传的基本使用
使用 Multer 进行文件上传非常简单，只需要在 Express.js 的路由中指定上传的字段名称即可：
app.post("/upload", upload.single("myFile"), (req, res) => {
// 处理上传后的文件，例如保存到数据库或者存储到本地文件系统
res.send("文件上传成功！");
});在上面的代码中，upload.single("myFile") 表示只接收一个名为 myFile 的文件上传。如果需要同时上传多个文件，则可以使用 upload.array("myFiles")，其中 myFiles 表示文件上传字段名称的数组。
在上传文件之后，可以从 req.file 中获取上传的文件信息，例如文件名、大小和类型等。下面是一个获取上传文件信息的示例：
app.post("/upload", upload.single("myFile"), (req, res) => {
console.log(req.file.filename); // 上传文件的名称
console.log(req.file.size); // 上传文件的大小，单位为 byte
console.log(req.file.mimetype); // 上传文件的 MIME 类型
res.send("文件上传成功！");
});对文件进行限制和转换
除了基本的文件上传功能之外，Multer 还支持对上传的文件进行限制和转换。
例如，可以限制上传的文件大小不超过指定的大小：
const upload = multer({
dest: "uploads/",
limits: { fileSize: 1024 * 1024 },
});其中，limits 属性表示上传的文件大小限制。上面的配置表示上传的文件大小不能超过 1MB。
还可以使用自定义的文件名来代替 Multer 自动生成的文件名：
// www.javascriptcn.com code example
const storage = multer.diskStorage({
destination: (req, file, callback) => {
callback(null, "uploads/");
},
filename: (req, file, callback) => {
callback(null, Date.now() + "-" + file.originalname);
},
});
const upload = multer({ storage: storage });在上面的示例中，使用了 diskStorage 存储引擎，同时自定义了保存的文件名格式。最终保存的文件名将是上传的时间戳和原始文件名的组合。
还可以使用文件类型过滤功能，只允许上传指定类型的文件：
// www.javascriptcn.com code example
const upload = multer({
dest: "uploads/",
fileFilter: (req, file, callback) => {
if (
file.mimetype !== "image/jpeg" &&
file.mimetype !== "image/png" &&
file.mimetype !== "image/gif"
) {
return callback(new Error("仅支持上传 JPG、PNG 和 GIF 格式的图片"));
}
callback(null, true);
},
});在上面的示例中，使用了 fileFilter 函数来限制上传的文件类型，只允许上传 JPG、PNG 或 GIF 格式的图片。
结语
Multer 中间件可以方便地处理 Express.js 中的文件上传功能，并且还支持对上传的文件进行限制和转换等操作。但是需要注意的是，文件上传可能面临诸多的安全问题，需要进行严格的校验和过滤，以确保应用的安全性。
上面提供的示例代码只是 Multer 的基本用法，还有更多细节和参数可以进行配置。在实际开发中，需要根据具体情况来灵活配置和使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d010fee46428fe9ec9bd76