引言
在 Web 应用开发中，文件上传是一个常见的需求。在前端开发中，我们可以使用 HTML5 中的 File API 或者一些第三方库来实现文件上传功能。而在后端开发中，我们可以使用各种语言和框架来处理文件上传。
本文将介绍如何使用 Node.js 中的 Express.js 框架来构建一个文件上传应用。我们将使用 Multer 中间件来处理文件上传，并且将上传的文件保存到本地磁盘中。本文将详细介绍如何使用 Multer 中间件，以及如何在 Express.js 中处理文件上传。
准备工作
在开始之前，我们需要安装 Node.js 和 Express.js。如果您还没有安装，请先安装它们。
接下来，我们需要创建一个新的 Express.js 应用。可以通过在终端中输入以下命令来创建一个新的 Express.js 应用：
- ----- --------------- -- -- --------------- - --- ---- -- - --- ------- ------- ------ ------
这将创建一个名为 file-upload-app 的文件夹，并在其中初始化一个新的 Node.js 项目。然后，我们安装了 Express.js 和 Multer 中间件。
使用 Multer 中间件处理文件上传
Multer 是一个 Node.js 中间件，用于处理文件上传。它可以处理来自表单的多部分数据，并将文件保存到磁盘上。在本文中，我们将使用 Multer 来处理文件上传。
首先，我们需要在 Express.js 中引入 Multer 中间件，并创建一个新的 Multer 实例。可以通过以下代码来实现：
----- ------- - ------------------- ----- ------ - ------------------ ----- --- - ---------- ----- ------ - -------- ----- ---------- ---
在上面的代码中，我们引入了 Express.js 和 Multer 中间件。然后，我们创建了一个新的 Express.js 应用，并创建了一个新的 Multer 实例。我们将上传的文件保存到 uploads 文件夹中。
接下来，我们需要在 Express.js 中定义一个文件上传路由。可以通过以下代码来实现：
------------------- ---------------------- ----- ---- -- - -------------- -------- ---------------- ---
在上面的代码中，我们定义了一个 POST 请求路由，它将上传文件到 /upload 路径。我们使用 Multer 中间件的 single() 方法来处理单个文件上传。我们将上传的文件命名为 file。在上传成功后，我们向客户端发送一个简单的成功消息。
现在，我们已经定义了文件上传路由，并且使用了 Multer 中间件来处理文件上传。接下来，我们需要创建一个简单的 HTML 表单，以便用户上传文件。
创建 HTML 表单
我们将使用一个简单的 HTML 表单来上传文件。可以通过以下代码来实现：
--------- -----
------
------
----------- ------ ---------------
-------
------
----- ---------------- ------------- ------------------------------
------ ----------- ----------- --
------- -----------------------------
-------
-------
-------在上面的代码中，我们创建了一个包含一个文件上传字段和一个提交按钮的表单。我们将表单的 action 属性设置为 /upload，这是我们在 Express.js 中定义的文件上传路由。我们还将表单的 enctype 属性设置为 multipart/form-data，以便能够上传文件。
现在，我们已经创建了 HTML 表单，并且定义了文件上传路由。接下来，我们需要启动 Express.js 应用，并在浏览器中访问它。
启动应用并测试文件上传
我们可以通过以下命令来启动 Express.js 应用：
- ---- ------
在浏览器中访问 http://localhost:3000，将看到一个包含文件上传字段的表单。选择一个文件并单击提交按钮，文件将被上传到服务器。如果一切正常，您将看到一个简单的成功消息。
总结
在本文中，我们介绍了如何使用 Express.js 和 Multer 中间件来构建一个文件上传应用。我们使用 Multer 中间件来处理文件上传，并将文件保存到本地磁盘中。我们还创建了一个简单的 HTML 表单，以便用户上传文件。在测试应用时，我们可以看到文件已成功上传到服务器。
希望这篇文章对您有所帮助。如果您对 Express.js 或 Multer 中间件有任何疑问，请随时在评论中提出。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65869ac8d2f5e1655d104b81