前言
在前端开发中，文件上传是一个经常需要处理的问题。而在 Express.js 中，文件上传也是一个常见的需求。但是，当需要上传多个文件时，就会遇到一些问题。本文将介绍如何解决 Express.js 中多文件上传的问题，并提供相应的实现方式和示例代码。
问题描述
在 Express.js 中，当需要上传多个文件时，我们通常会使用 multer 中间件。multer 中间件可以将上传的文件保存到指定的文件夹中，并且可以自定义文件名等相关信息。但是，当需要上传多个文件时，如何处理这些文件呢？下面是一个示例代码：
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });
app.post('/upload', upload.array('files', 10), (req, res) => {
console.log(req.files);
res.send('上传成功！');
});在上面的示例代码中，我们使用了 multer 中间件，并且指定了上传文件的保存路径为 uploads/。同时，我们还使用了 upload.array('files', 10) 方法来指定上传文件的字段名为 files，最多可以上传 10 个文件。在上传成功后，我们通过 req.files 来获取上传的文件信息。
但是，当上传多个文件时，req.files 中的文件信息并不是按照上传的顺序进行排序的。这就会导致在后续的处理过程中出现一些问题。
解决方案
为了解决上述问题，我们可以使用 async 和 await 来实现多文件上传的顺序控制。具体实现方式如下：
-- -------------------- ---- -------
----- ------ - ------------------
----- ------ - -------- ----- ---------- ---
------------------- --------------------- ---- ----- ----- ---- -- -
----- ----- - ----------
----- -------- - ---
--- ---- - - -- - - ------------- ---- -
----- ---- - ---------
----- ------- - ----- -----------------
-----------------------
-
----------------------
------------------
---
----- -------- ---------------- -
------ --- ----------------- ------- -- -
----- -------- - -------------------------------------
----- -------- - -------------------- ---------- ----------
---------------------- ------------ ----- -- -
-- ----- -
------------
- ---- -
-----------------------------------------------------
-
---
---
-在上面的示例代码中，我们使用了 async 和 await 来实现多文件上传的顺序控制。具体来说，我们首先获取上传的所有文件，然后遍历这些文件，并调用 uploadFile 函数来上传每个文件。在上传成功后，我们将文件的 URL 存储到 fileUrls 数组中，并在上传完成后输出这些文件的 URL。
在 uploadFile 函数中，我们使用了 fs.writeFile 方法来将文件保存到指定的文件夹中，并返回文件的 URL。需要注意的是，为了确保文件名的唯一性，我们在文件名中添加了时间戳。
总结
通过本文的介绍，我们可以看到，使用 async 和 await 可以很好地解决 Express.js 中多文件上传的问题。同时，我们还提供了相应的实现方式和示例代码，希望能够对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66257e99f76562e4b3940436