如何在 Express.js 中处理 POST 请求中的多个文件上传

本文将介绍如何在 Express.js 中处理 POST 请求中的多个文件上传。在前端开发中，文件上传是一个常见的需求。而在一些特殊情况下，需要上传多个文件，如图片、视频等。本文将详细介绍如何在 Express.js 中处理多个文件上传，并提供示例代码和指导意义。

准备工作

在开始处理多个文件上传之前，我们需要先完成以下准备工作：

1. 安装 multer 模块：multer 是一个 Node.js 中间件，用于处理 multipart/form-data 类型的数据，主要用于文件上传。我们可以通过以下命令安装 multer 模块：

   npm install multer --save

2. 创建一个 Express.js 应用程序：我们需要先创建一个基本的 Express.js 应用程序，用于处理文件上传请求。

处理多个文件上传

在准备工作完成后，我们可以开始处理多个文件上传了。下面是具体步骤：

1. 引入 multer 模块：我们需要在应用程序中引入 multer 模块，以便处理文件上传请求。代码如下：

   const multer = require('multer');

2. 配置 multer：我们需要配置 multer，以便指定上传文件的存储路径、文件名等信息。代码如下：

   -- -------------------- ---- -------
   ----- ------- - --------------------
     ------------ -------- ----- ----- --- -
       -------- -----------
     --
     --------- -------- ----- ----- --- -
       -------- ------------------
     -
   ---
   
   ----- ------ - -------- -------- ------- ---

   在上面的代码中，我们指定上传文件的存储路径为 uploads/，文件名使用原始文件名。

3. 处理文件上传请求：我们需要在应用程序中添加一个路由，用于处理文件上传请求。代码如下：

   app.post('/upload', upload.array('files', 10), function (req, res, next) {
     res.send('文件上传成功！');
   });

   在上面的代码中，我们指定路由为 /upload，使用 upload.array() 方法处理文件上传请求，参数 files 表示上传文件的名称，参数 10 表示最多上传 10 个文件。

4. 处理上传文件：我们需要在路由处理函数中处理上传文件，可以通过 req.files 获取上传文件的信息。代码如下：

   app.post('/upload', upload.array('files', 10), function (req, res, next) {
     const files = req.files;
     console.log(files);
     res.send('文件上传成功！');
   });

   在上面的代码中，我们通过 req.files 获取上传文件的信息，并使用 console.log() 输出到控制台。

示例代码

下面是一个完整的 Express.js 应用程序，用于处理多个文件上传请求：

-- -------------------- ---- -------
----- ------- - -------------------
----- ------ - ------------------

----- --- - ----------

----- ------- - --------------------
  ------------ -------- ----- ----- --- -
    -------- -----------
  --
  --------- -------- ----- ----- --- -
    -------- ------------------
  -
---

----- ------ - -------- -------- ------- ---

------------------- --------------------- ---- -------- ----- ---- ----- -
  ----- ----- - ----------
  -------------------
  --------------------
---

---------------- -------- -- -
  ------------------------
---

指导意义

本文介绍了如何在 Express.js 中处理 POST 请求中的多个文件上传。在前端开发中，文件上传是一个常见的需求，而处理多个文件上传则需要使用一些特殊的技术。通过本文的介绍，读者可以了解到如何使用 multer 模块处理多个文件上传，并可以根据示例代码进行实践和学习。

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67964278504e4ea9bdcef7a3