在基于 Node.js 构建的 Web 应用中，文件上传是一个常见需求。Multer 是一个 Node.js 中间件，可以方便地处理 HTTP 请求中的 form-data 类型数据，特别是对于文件上传场景，Multer 提供了非常便捷的 API，可以让开发者轻松实现文件上传功能。
本文将介绍如何使用 Multer 在 Node.js 中实现文件上传功能，并提供详细的示例代码。
Multer 的使用步骤
- 安装 Multer
在使用 Multer 前，需要将其安装为项目的依赖，可以使用 npm 命令完成：
--- ------- ------ ------
- 引入 Multer
Multer 是一个 Node.js 中间件，需要通过 require 函数引入到项目中：
----- ------ - ------------------
- 配置文件上传存储路径
在进行文件上传操作前，需要配置文件存储的位置。Multer 提供了一个 diskStorage API，可以让开发者指定文件存储的路径、文件名等参数。
以下示例代码中，文件将存储在项目根目录下的 uploads 文件夹内：
----- ------- - --------------------
------------ -----------
--------- ----- ----- --- -- -
-------- ---------- - --- - -------------------
-
---- 创建 Multer 中间件
通过调用 multer 函数并将上一步的 storage 配置对象作为参数，即可创建一个 Multer 中间件：
----- ------ - -------- -------- ------- ---
- 在路由中使用 Multer 中间件
通过调用上述 upload 中间件的 single 函数，可以从 HTTP 请求中解析出上传的单个文件，并存储到指定的文件夹中。
以下示例代码中，文件上传的路由为 /upload，上传的 HTML 表单中包含一个 name 为 avatar 的 input 标签：
------------------- ------------------------ ----- ---- ----- -- -
----- ---- - ---------
-- ------- -
----- ----- - --- ------------------
------------ - ----
------ ------------
-
--------------------
---示例代码
以下是一个完整的示例，可以通过执行 node index.js 命令运行。
----- ------- - -------------------
----- ------ - ------------------
----- --- - ----------
----- ------- - --------------------
------------ -----------
--------- ----- ----- --- -- -
-------- ---------- - --- - -------------------
-
---
----- ------ - -------- -------- ------- ---
------------------- ------------------------ ----- ---- ----- -- -
----- ---- - ---------
-- ------- -
----- ----- - --- ------------------
------------ - ----
------ ------------
-
--------------------
---
------------- ---- ---- ----- -- -
--------------------- -- -----
----------------------
---
---------------- -- -- -
--------------------- --------------------- -------
---总结
Multer 是用于处理文件上传的 Node.js 中间件，可以方便地实现文件上传功能。在使用 Multer 实现文件上传时，需要注意配置文件上传存储路径、创建 Multer 中间件以及在路由中使用中间件等步骤。
通过本文的介绍和示例代码，相信读者已经掌握了在 Node.js 中使用 Multer 实现文件上传的方法。希望读者可以在实际项目中灵活运用本文所介绍的技术内容。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64ae0ff148841e9894a06769