在现代 Web 应用程序中，文件上传是非常常见的需求。 Node.js 提供了丰富的扩展来处理文件上传操作，其中最流行的是 Multer。Multer 是一个 Node.js 库，用于处理文件上传。它将文件上传的处理过程简化到几行代码，使开发人员可以专注于其他领域。
在本文中，我们将介绍 Node.js 中使用 Multer 进行文件上传和处理的技巧，包括安装 Multer、配置 Multer、处理文件上传等内容。最后将给出一个完整的示例代码，帮助读者更好地学习和掌握这一技术。
安装 Multer
在开始使用 Multer 之前，需要安装它。我们可以使用 npm 包管理器来安装 Multer。在命令行中运行以下命令即可安装 Multer：
npm install --save multer
这将在你的项目中安装 Multer 依赖项。
配置 Multer
在 Multer 中进行文件处理之前，需要进行必要的配置。Multer 是表单数据的中间件，我们需要配置中间件以解决这个问题。以下是 Multer 的一些常见配置项：
- destination：用于将文件保存到磁盘上的目标目录。该目录必须存在并且必须是可写的。如果未指定或目录不存在，则会创建一个。
- fileFilter：用于过滤上传文件的函数。只有在文件符合给定的条件时才会上传到服务器。如果没有指定，则允许上传所有文件。
- limits：用于限制上传文件的大小、数量等等。
例如，以下是一个基本的 Multer 配置，将文件上传到 uploads 目录：
-- -------------------- ---- -------
----- ------ - ------------------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
---
----- ------ - -------- -------- ------- ---在这个例子中，我们将文件保存在 uploads 目录中，并使用原始文件名作为文件名。然后我们定义了一个名为 upload 的中间件，它将使用上面配置的存储选项。
处理文件上传
当 Multer 配置完成后，我们可以开始处理文件上传。我们可以使用 Express 框架中间件的 req 和 res 对象来处理文件上传。当客户端向服务器发送文件上传请求时，我们需要使用 upload 中间件来处理文件上传。
例如，以下是处理单个文件上传的代码示例：
-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - ------------------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
---
----- ------ - -------- -------- ------- ---
----- --- - ----------
------------------- ---------------------- -------- ----- ---- -
--------------------
---
---------------- -------- -- -
----------------------
---在这个例子中，我们创建了一个 Express 应用程序，并在 /upload 路径上定义一个 POST 请求，以处理文件上传。我们使用 upload.single(‘file’) 中间件来处理单个文件上传。在请求处理程序中，我们可以处理上传的文件并向客户端发送响应。
同时也可以处理多文件上传：
-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - ------------------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
---
----- ------ - -------- -------- ------- ---
----- --- - ----------
------------------- --------------------- --- -------- ----- ---- -
--------------------
---
---------------- -------- -- -
----------------------
---示例代码
最后，以下是一个完整的示例代码，演示如何在 Node.js 中使用 Multer 进行文件上传和处理。
-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - ------------------
----- ---- - ----------------
----- --- - ----------
-- ---
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
---
-- --
----- ------ - --------
-------- --------
----------- -------- ----- ----- --- -
----- ------- - ----------------------------------------------
-- -------- --- ------ -- ------- --- ------ -- ------- --- ------ -- ------- --- -------- -
------ ------ -------------------- ----- ------ --------
-
-------- ------
--
------- -
--------- ---- - ---- - - -- ---
-
---
------------ -------- ----- ---- -
----------
----- ---------------- ------------- ------------------------------
------ ----------- --------------
------- -------------------------
-------
---
---
------------------- ------------------------ -------- ----- ---- ----- -
----------------------
--------------------
---
---------------- ----- ---- ---- ----- -
-- ---- ---------- ------------------- -
----------------------------- - -------------
- ---- -
--------------------------------
-
---
---------------- -------- -- -
----------------------
---首先，我们引入必要的库和中间件。然后，我们定义了一个存储器，并将其作为参数传递给 Multer 配置。这里还包括 Multer 的其他选项，例如文件大小和文件类型限制。
然后我们定义了上传路径 - '/', 并为 GET 请求设置了一个路由处理程序来渲染一个 HTML 表单。用户可以使用此表单选择要上传的文件。在表单中，我们使用 enctype="multipart/form-data" 来指示 HTML 表单上传文件。
在服务端，我们定义了 /upload 路径的 POST 请求，并将 upload.single('avatar') 中间件用于处理上传的文件。最后，我们设置了一个错误处理程序，以便在出现任何错误时都能向客户端发送适当的响应。
运行该示例代码，访问 http://localhost:3000 即可使用表单上传图片文件。
结论
在本文中，我们介绍了 Node.js 中使用 Multer 进行文件上传和处理的技巧，包括安装 Multer、配置 Multer、处理文件上传等内容。同时，我们还提供了一个示例代码，帮助读者理解并学习这一技术。当您需要在 Node.js 中进行文件上传时，请记得使用 Multer 以简化操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67297fe12e7021665e24b197