在现代 Web 应用程序中，文件上传操作已经成为了必需的功能之一。Express.js 是一种流行的 Node.js Web 框架，它提供了一种简单的方式来处理 HTTP 请求。本文将介绍如何使用 Express.js 实现文件上传操作，让你的应用程序能够轻松地接受用户上传的文件。
准备工作
在开始之前，你需要安装 Node.js 和 Express.js。如果你还没有安装，可以前往官网下载并安装。
实现文件上传操作
Express.js 提供了一个名为 multer 的中间件，可以帮助我们处理文件上传操作。我们可以通过以下步骤来实现文件上传操作：
1. 安装 multer
我们需要在项目中安装 multer，可以使用 npm 命令进行安装：
--- ------- ------ ------
2. 引入 multer
在 Express.js 应用程序中，我们需要引入 multer 中间件。我们可以在 app.js 文件中添加以下代码：
----- ------ - ------------------ ----- ------ - -------- ----- ---------- ---
其中，dest 参数指定了文件上传后的存储路径。在这个例子中，我们将上传的文件存储在 uploads/ 目录下。
3. 创建上传路由
我们需要创建一个路由处理文件上传操作。我们可以在路由文件中添加以下代码：
----- ------- - ------------------- ----- ------ - ----------------- ---------------------- ---------------------- ----- ---- -- - -------------- -------- --------------- --- -------------- - -------
在这个例子中，我们使用 upload.single('file') 中间件来处理文件上传请求。'file' 参数指定了上传文件的字段名，你可以根据需要进行修改。
4. 创建上传表单
我们需要在前端创建一个表单，让用户可以上传文件。我们可以在 HTML 文件中添加以下代码：
----- ---------------- ------------- ------------------------------ ------ ----------- ------------ ------- ----------------------------- -------
在这个例子中，我们使用 enctype="multipart/form-data" 属性来指定表单数据类型为文件上传类型。
5. 测试上传操作
现在我们可以测试上传操作了。启动 Express.js 应用程序，然后在浏览器中访问上传表单。选择一个文件并点击上传按钮，你应该能够看到上传成功的消息。
示例代码
以下是完整的示例代码：
-- ------
----- ------- - -------------------
----- ------ - ------------------
----- --- - ----------
----- ------ - -------- ----- ---------- ---
----- ----------- - ---------------------------
----------------------------------
------------ -------------
---------------- -- -- -
------------------- ------- -- ---- -------
---
-- ----------------
----- ------- - -------------------
----- ------ - -----------------
----- -- - --------------
---------------------- ---------------------- ----- ---- -- -
----- ---- - ---------
-- ------- -
------------------------ ---- -----------
-------
-
------------------------ ---------- - -------------------
-------------- -------- ---------------
---
-------------- - ----------- ----------------- ---
--------- -----
------
------
----------- ------ ---------------
-------
------
-------- ------ ------------
----- ---------------- ------------- ------------------------------
------ ----------- ------------
------- -----------------------------
-------
-------
-------总结
在本文中，我们介绍了如何使用 Express.js 实现文件上传操作。通过使用 multer 中间件，我们可以轻松地处理文件上传请求。希望这篇文章对你有所帮助，让你的应用程序能够更好地处理用户上传的文件。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f0311b2b3ccec22f950a63