在现代 Web 应用程序中，文件上传和处理是非常常见的需求。在 Node.js 中，有许多库可以帮助我们处理文件上传和处理，其中 Multer 是最受欢迎的库之一。Multer 是一个 Node.js 中间件，用于处理 multipart/form-data 类型的表单数据，通常用于上传文件。
在本文中，我们将学习如何使用 Multer 在 Express.js 中上传和处理文件。我们将探讨 Multer 的基本用法、如何处理文件和如何设置文件上传限制。
准备工作
在开始使用 Multer 之前，我们需要安装它。可以使用 npm 包管理器进行安装：
npm install multer
接下来，我们需要创建一个新的 Express.js 应用程序。我们可以使用 express-generator 工具来快速创建一个新的应用程序。如果您还没有安装 express-generator 工具，请使用以下命令进行安装：
npm install -g express-generator
现在，我们可以使用以下命令创建一个新的 Express.js 应用程序：
express myapp cd myapp npm install
使用 Multer 上传文件
在本节中，我们将学习如何使用 Multer 在 Express.js 中上传文件。我们将创建一个简单的表单，其中包含一个文件上传字段。然后，我们将使用 Multer 来处理上传的文件。
首先，我们需要在我们的应用程序中引入 Multer：
const multer = require('multer');然后，我们需要创建一个 Multer 实例：
const upload = multer({ dest: 'uploads/' });在上面的代码中，我们将上传的文件保存在 uploads/ 目录中。您可以根据自己的需要更改此目录。
现在，我们需要创建一个表单，其中包含一个文件上传字段：
<form method="POST" enctype="multipart/form-data" action="/upload"> <input type="file" name="file"> <button type="submit">上传</button> </form>
在上面的代码中，我们将表单的 enctype 属性设置为 multipart/form-data，这是上传文件所需的 MIME 类型。
接下来，我们需要在我们的 Express.js 应用程序中定义一个路由来处理文件上传。我们将使用 Multer 中间件来处理上传的文件。以下是我们的路由处理程序：
app.post('/upload', upload.single('file'), (req, res) => {
res.send('文件上传成功！');
});在上面的代码中，我们使用 upload.single('file') 中间件来处理上传的文件。single() 方法接受一个参数，该参数是表单字段的名称。在我们的示例中，表单字段的名称为 file。
现在，我们可以启动我们的应用程序并尝试上传文件。当我们上传文件时，文件将被保存在 uploads/ 目录中。
处理上传的文件
在本节中，我们将学习如何使用 Multer 处理上传的文件。Multer 允许我们访问上传的文件的信息，例如文件名、文件大小、文件类型等。
在我们的路由处理程序中，我们可以访问上传的文件的信息：
app.post('/upload', upload.single('file'), (req, res) => {
console.log(req.file);
res.send('文件上传成功！');
});在上面的代码中，我们使用 req.file 对象来访问上传的文件的信息。该对象包含以下属性：
fieldname：表单字段的名称。originalname：上传文件的原始文件名。encoding：上传文件的编码类型。mimetype：上传文件的 MIME 类型。size：上传文件的大小（以字节为单位）。destination：上传文件的目标目录。filename：上传文件的文件名。path：上传文件的完整路径。
现在，我们可以使用这些信息来处理上传的文件。例如，我们可以将上传的文件移动到另一个目录：
app.post('/upload', upload.single('file'), (req, res) => {
const oldPath = req.file.path;
const newPath = 'uploads/' + req.file.originalname;
fs.renameSync(oldPath, newPath);
res.send('文件上传成功！');
});在上面的代码中，我们使用 fs.renameSync() 方法将上传的文件移动到 uploads/ 目录中，并使用上传文件的原始文件名作为文件名。
设置文件上传限制
在本节中，我们将学习如何使用 Multer 设置文件上传限制。Multer 允许我们设置上传文件的大小、文件类型、文件数量等限制。
以下是一个示例，演示如何设置文件上传大小限制：
const upload = multer({
dest: 'uploads/',
limits: { fileSize: 1000000 }
});在上面的代码中，我们使用 limits 属性来设置上传文件的大小限制。在我们的示例中，我们将文件大小限制为 1 MB。
我们还可以使用 fileFilter 属性来设置上传文件的类型限制。以下是一个示例，演示如何限制上传文件的 MIME 类型：
-- -------------------- ---- -------
----- ------ - --------
----- -----------
----------- ----- ----- --- -- -
-- -------------- --- ------------ -
------ ------ ------------ --- -------
-
-------- ------
-
---在上面的代码中，我们使用 fileFilter 属性来设置上传文件的类型限制。在我们的示例中，我们仅允许上传 PNG 图像。
结论
在本文中，我们学习了如何使用 Multer 在 Express.js 中上传和处理文件。我们探讨了 Multer 的基本用法、如何处理文件和如何设置文件上传限制。希望这篇文章能够帮助您更好地了解 Multer，并在您的应用程序中实现文件上传和处理功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673f09aa5ade33eb722d6a96