在 Web 应用开发中，文件上传是经常遇到的一个问题。Node.js 中有很多处理文件上传的插件可供选择，而 Multer 被认为是最受欢迎的之一，它简单易用且功能强大。Multer 最常用的框架之一是 Koa，这篇文章将向你展示如何在 Koa 中使用 Multer 处理上传文件问题。
Multer 是什么？
Multer 是一个用于处理多部分/表单数据的 Node.js 中间件。它可以将上传的文件存储在硬盘上，也可以将文件存储在内存中（对于小文件来说非常有用），还可以将文件流传递到后续中间件。Multer 支持各种类型的表单数据，并允许您根据需要使用多个中间件来处理请求。
安装 Multer
使用 Multer 前需要先安装它。你可以使用 npm 命令来安装 Multer，命令如下：
npm install --save multer
上传文件的基本方式
在这里，我将让你了解使用 Multer 处理文件上传的基本方式。我们将使用 Koa 和 Multer 进行代码实现。首先，需要在中间件中加载 Multer，并在所需端点上使用它。这是一个最小可行的示例代码，使用 Multer 处理文件上传：
-- -------------------- ---- -------
----- --- - --------------
----- ------ - ---------------------
----- ------ - -----------------
----- --- - --- -----
----- ------ - --- --------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
--
----- ------ - -------- ------- --
---------------------------- ----------------------- ----- ----- ----- -- -
---------------------
-------- - ----- -------- --------------
--
---
---------------------
-----------------------------
---------------- -- -- -
------------------- ------- -- ---- ------
--在代码中，我们首先导入了 Koa、Router 和 Multer。我们定义了一个 storage 对象，该对象用于告诉 Multer 将上传的文件存储在哪个目录下。然后我们创建了一个 Multer 实例，并将 storage 对象传递给它。然后，我们使用 upload.single 中间件在特定的端点上处理单个文件上传。在这里，我们使用单个文件上传，上传的文件的字段名称为 image。最后，我们在回调函数中通过 ctx.file 访问上传的文件，并返回一个成功上传的消息。
如何处理多文件上传
在某些情况下，您可能需要上传多个文件。使用 Multer，您可以轻松地处理多个文件上传。Multer 还提供了多个选项，以便您可以具有更多的灵活性来管理多个文件上传。我们将在下面的代码段中了解如何使用 Multer 处理多个文件上传：
-- -------------------- ---- -------
----- --- - --------------
----- ------ - ---------------------
----- ------ - -----------------
----- --- - --- -----
----- ------ - --- --------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
--
----- ------ - -------- ------- --
----------------------------- ---------------------- --- ----- ----- ----- -- -
----------------------
-------- - ------ -------- --------------
--
-----------------------------------------------------
---------------- -- -- -
------------------- ------- -- ---- ------
--在上面的代码中，我们使用了 upload.array 方法，它接受两个参数：要接受的表单字段的字段名称，以及您希望上传的文件数。最后，我们在回调函数中通过 ctx.files 访问上传的所有文件，并返回一个成功上传的消息。
Multer 的其他选项
Multer 提供了许多选项，以便您可以根据需要定制文件上传。以下是一些常见的选项：
- fileFilter - 用于过滤上传文件的函数。
- limits - 用于限制上传文件的大小、数量等的对象。
- preservePath - 如果设置为 true，则上传的文件名将包含目录信息。
这是如何使用一些常见的选项：
-- -------------------- ---- -------
----- ------- - --------------------
------------ -------- ----- ----- --- -
-------- -----------
--
--------- -------- ----- ----- --- -
-------- ------------------
-
--
----- ------ - --------
--------
----------- -------- ----- ----- --- -
-- --------------------------------------------------- -
------ ------ ----------- ----- ----- --- ----------- ------
-
-------- -----
--
------- -
--------- ---- - ---- -- - --
--
------------- ----
--在这个例子中，我们定义了 fileFilter 函数来确保只有图片文件被上传。我们还定义了 limits 对象来限制上传文件的大小为1MB。最后，我们还启用了 preservePath 选项，以及我们定义的文件名会包含目录信息。
结论
在这个简短的教程中，我们了解了如何使用 Koa 和 Multer 处理文件上传。Multer 是非常强大和灵活的，在开发过程中可以有许多不同的用例和应用场景。在实际开发中，您可以根据您的需要调整选项，以实现最佳的上传体验。最后，建议您阅读 Multer 的文档，以获得更全面的 Multer 知识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6734c6510bc820c5824b0769