在前端开发中，文件上传是一个非常常见的需求。在 Node.js 中，我们可以使用 Express.js 来实现文件上传功能。本文将详细介绍如何使用 Express.js 实现文件上传，并提供示例代码供读者参考。
什么是 Express.js？
Express.js 是一个基于 Node.js 平台的 Web 应用程序开发框架。它提供了一组强大的特性，使得开发 Web 应用程序变得更加容易、快捷。Express.js 的特点包括：
- 快速而简单的路由
- 丰富的中间件支持
- 简单的模板引擎
- 灵活的插件系统
实现文件上传
在 Express.js 中，我们可以使用 multer 模块来实现文件上传。multer 是一个 Node.js 中间件，用于处理 HTTP POST 请求中的多个文件上传。下面是具体的实现步骤：
步骤一：安装 multer
使用 npm 命令来安装 multer：
--- ------- ------ ------
步骤二：引入 multer 模块
在 Express.js 应用程序中，使用 require 语句来引入 multer 模块：
----- ------ - ------------------
步骤三：配置 multer
使用 multer 模块的 diskStorage 方法来配置文件上传的存储路径、文件名等参数：
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- ------------
--
--------- -------- ----- ----- --- -
-------- -------------- - --- - ---------- - --- - -------------------
-
---上述代码中，我们将上传的文件存储到 uploads/ 目录下，并为每个文件生成一个唯一的文件名。
步骤四：创建 multer 对象
使用 multer 模块的 diskStorage 方法创建 multer 对象：
----- ------ - -------- -------- ------- ---
步骤五：定义文件上传路由
使用 Express.js 的路由方法来定义文件上传路由：
------------------- ---------------------- -------- ----- ---- ----- -
----- ---- - ---------
-- ------- -
----- ----- - --- ------------- ------ - -------
---------------- - ----
------ ------------
-
---------------
---上述代码中，我们通过 upload.single('file') 方法来指定上传单个文件，并在路由处理函数中获取上传的文件对象。
示例代码
下面是一个完整的文件上传示例代码：
----- ------- - -------------------
----- ------ - ------------------
----- --- - ----------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- ------------
--
--------- -------- ----- ----- --- -
-------- -------------- - --- - ---------- - --- - -------------------
-
---
----- ------ - -------- -------- ------- ---
------------------- ---------------------- -------- ----- ---- ----- -
----- ---- - ---------
-- ------- -
----- ----- - --- ------------- ------ - -------
---------------- - ----
------ ------------
-
---------------
---
---------------- -------- -- -
------------------- ------- -- ---- -------
---总结
本文介绍了如何使用 Express.js 和 multer 模块来实现文件上传功能。通过本文的学习，读者可以掌握文件上传的基本原理和实现方法，并能够在实际项目中应用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66065699d10417a222472aa0