在现代 Web 应用程序中，文件上传已经成为一项必不可少的功能。Express.js 是一款流行的 Node.js Web 框架，它提供了非常方便的方式来处理文件上传。Multer 是一个 Express.js 中间件，用于处理 multipart/form-data 类型的表单数据，包括文件上传。
在本文中，我们将介绍如何在 Express.js 中使用 Multer 实现文件上传。我们将从 Multer 的安装开始，然后介绍如何在 Express.js 中配置 Multer，最后我们将编写一个示例应用程序来演示 Multer 的使用。
安装 Multer
在开始使用 Multer 之前，我们需要先安装它。我们可以使用 npm 包管理器来安装 Multer。打开终端，进入项目目录，然后运行以下命令：
--- ------- ------
配置 Multer
在安装 Multer 之后，我们需要在 Express.js 中配置它。我们需要在 Express.js 应用程序中添加 Multer 中间件。以下是一个简单的示例：
----- ------- - ------------------ ----- ------ - ----------------- ----- --- - --------- ----- ------ - -------- ----- ---------- -- ------------------- ---------------------- ----- ---- -- - -------------- -------- -------------- -- ---------------- -- -- - ------------------- ------- -- ----------------------- --
在上面的示例中，我们首先导入了 Express.js 和 Multer。然后，我们创建了一个 Express.js 应用程序实例，并创建了一个 Multer 实例。在 Multer 实例中，我们传递了一个选项对象，其中 dest 属性指定了上传文件的存储目录。
然后，我们定义了一个路由，处理 POST 请求 /upload，并使用 upload.single('file') 中间件来处理文件上传。这里的 'file' 是表单中文件的字段名。最后，我们发送一个简单的消息来表示文件上传成功。
最后，我们启动应用程序并监听端口 3000，然后在浏览器中访问 http://localhost:3000。
示例应用程序
下面是一个更完整的示例应用程序，它演示了如何使用 Multer 在 Express.js 中实现文件上传。在这个示例中，我们将上传的文件保存到本地磁盘上，并将其路径保存到 MongoDB 数据库中。
首先，我们需要安装必要的依赖项。我们将使用 express，multer 和 mongoose。在终端中运行以下命令：
--- ------- ------- ------ --------
然后，我们将创建一个名为 app.js 的文件，并添加以下代码：
----- ------- - ------------------
----- ------ - -----------------
----- -------- - -------------------
----- --- - ---------
-- -- ------- ---
-------------------------------------------------------- -
---------------- -----
------------------- -----
--
-- ------
----- ---------- - --- -----------------
----- -------
----- -------
--
----- ---- - ---------------------- -----------
-- -- ------
----- ------- - --------------------
------------ ----- ----- --- -- -
-------- -----------
--
--------- ----- ----- --- -- -
-------- ---------- - --- - ------------------
--
--
----- ------ - -------- ------- --
-- ------
------------------- ---------------------- ----- ----- ---- -- -
-- ---------------
----- ---- - --- ------
----- ----------------------
----- --------------
--
----- -----------
-------------- -------- --------------
--
-- ------
----------------- ----- ----- ---- -- -
----- ----- - ----- -----------
---------------
--
---------------- -- -- -
------------------- ------- -- -----------------------
--在上面的代码中，我们首先导入了 express，multer 和 mongoose 模块。然后，我们创建了一个 Express.js 应用程序实例，并连接到 MongoDB 数据库。
接下来，我们定义了一个文件模型，它将上传的文件的名称和路径保存到数据库中。
然后，我们配置了 Multer 中间件。在 diskStorage 中，我们定义了上传文件的存储目录和文件名的生成方式。
接下来，我们定义了一个路由，处理 POST 请求 /upload，并使用 upload.single('file') 中间件来处理文件上传。在这个路由中，我们将上传的文件的信息保存到数据库中，并发送一个简单的消息来表示文件上传成功。
最后，我们定义了一个路由，处理 GET 请求 /files，并从数据库中获取所有文件信息，并将其作为 JSON 数据发送回客户端。
最后，我们启动应用程序并监听端口 3000，然后在浏览器中访问 http://localhost:3000。
总结
在本文中，我们介绍了如何在 Express.js 中使用 Multer 实现文件上传。我们首先安装了 Multer，然后配置了 Multer 中间件，并编写了一个示例应用程序来演示 Multer 的使用。Multer 是一个非常强大的工具，可以帮助我们轻松地处理文件上传。如果您正在构建一个需要文件上传功能的 Web 应用程序，那么 Multer 绝对是一个值得考虑的工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6577c275d2f5e1655d171e4d