在现代 Web 开发中，文件上传是很常见的功能需求。而 Express.js 是目前最流行的 Node.js Web 框架之一，也是实现文件上传功能的不错选择。但是，Express.js 的文件上传并不像其他功能一样简单，需要更多的细节处理。在本文中，我们将详细介绍如何在 Express.js 中正确处理文件上传。
为什么需要正确处理文件上传
正确处理文件上传是非常重要的，原因包括：
- 安全问题：不正确的文件上传处理可能导致文件执行恶意代码，泄露敏感信息等安全问题。
- 性能问题：不正确的文件上传处理可能导致服务器竞争状态，从而影响应用程序性能。
- 可伸缩性问题：不正确的文件上传处理可能导致系统崩溃或系统不可用，从而影响应用程序的可伸缩性。
因此，正确处理文件上传是保证应用程序正常运行的前提条件之一。
Express.js 文件上传流程
在 Express.js 中，文件上传的流程通常涉及以下步骤：
- 创建表单：前端将要上传的文件放在一个 HTML 表单中，并将表单提交到服务器。
- 解析请求：服务器端的应用程序需要解析这个上传请求，并获取文件和其他表单数据。
- 验证和处理数据：对上传的文件和表单数据进行验证和处理。
- 存储和处理文件：将上传的文件存储到磁盘或一个云存储服务中，并对文件进行处理。
在 Express.js 中，我们可以通过 multer 中间件完成文件上传处理。
使用 multer 处理文件上传
multer 是一个 Node.js 中间件，用于处理 multipart/form-data 类型的表单数据，特别是文件上传。
首先，我们需要通过 npm 安装 multer:
--- ------- ------
然后，我们需要引入 multer 在服务器端的应用程序中：
----- ------ - ------------------
接下来，我们可以使用 multer 创建一个上传处理程序。首先，我们需要指定上传的存储路径和文件名字。我们将使用 diskStorage 存储，这意味着会将文件存储在磁盘上，并指定上传后的文件名为当前时间戳（防止文件名冲突）：
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- ------------ -- --- ------- ---
--
--------- -------- ----- ----- --- -
-------- ---------- - --- - ------------------ -- ------
-
--在上传处理程序创建后，我们需要使用 multer 中间件完成文件上传处理：
----- ------ - -------- -------- ------- --
现在，我们可以将我们的上传处理程序应用于我们的 Express.js 应用程序中，具体的方式是将其作为一个中间件传递给我们的路由器：
----- ------- - ------------------- ----- --- - ---------- ----- ------ - ----------------- ---------------------- ---------------------- ----- ---- -- - -- -------- --- ------------ --------
在代码中，我们定义了一个名为 /upload 的路由器，并将 upload.single('file') 作为中间件应用于该路由器。upload.single('file') 表示只允许上传一个名为 file 的文件。在请求在到达我们处理上传后的文件的路由器处理程序时，multer 将文件保存在我们指定的存储路径中，并将文件对象作为 req.file 提供给我们的路由器处理程序。
总结
在本文中，我们介绍了如何使用 multer 中间件来处理文件上传，并围绕文件上传的流程详细讲解了每一个步骤的细节。
正确处理文件上传是保障应用程序正常运行的基本要求。我们应该充分认识到文件上传是一个涉及到多个步骤的复杂操作，掌握相关知识技能，向正确处理文件上传目标前进。
示例代码：
----- ------- - -------------------
----- ------ - ------------------
----- --- - ----------
----- ------ - -----------------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- ------------
--
--------- -------- ----- ----- --- -
-------- ---------- - --- - ------------------
-
--
----- ------ - --------
-------- -------
--
---------------------- ---------------------- ----- ---- -- -
----------------------
-------------- -------- ---------------
---
------------ --------
---------------- -- -- ------------------- ------- -- --------------------------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/658fd560eb4cecbf2d564c13