在现代 Web 开发的世界中，文件上传是非常重要的一部分，而如何处理文件上传请求则是我们必须掌握的技能之一。在本文中，我们将介绍如何使用 Koa 框架来建立基于 API 的文件上传服务，并提供详细的教程和示例代码。
建立 API
首先，我们需要一个可供项目使用的 API。在这个例子中，我们将采用 Koa 框架来建立该 API。Koa 是一个基于 Node.js 的 Web 应用程序框架，它使用了 ES6/ES7 的异步函数，为 Web 开发提供了更好的可读性和可维护性。
为了开始我们的项目，我们需要先安装 Koa：
npm install koa
安装完成后，我们可以使用 Koa 来建立一个基本的 Web 服务器，代码如下：
-- -------------------- ---- ------- ----- --- - --------------- ----- --- - --- ------ ------------- ----- -- - -------- - ------- -------- --- ----------------- ------------------- -- ------- -- ------------------------
在该代码中，我们建立了一个简单的 Koa 服务器，监听在 3000 端口。当浏览器向服务器发送请求时，它将返回 "Hello, world!" 字符串。
文件上传
现在，我们将向我们的应用程序添加文件上传机制。我们可以使用 Koa 的 koa-body 中间件来处理 multipart/form-data 数据，并将其转换为 JavaScript 对象，以便于在 API 中处理。
要使用 koa-body，我们需要执行以下命令进行安装：
npm install koa-body
现在，我们可以开始使用 koa-body 中间件来处理请求。我们需要做的第一件事情是添加中间件到我们的 Koa 应用程序中，代码如下：
-- -------------------- ---- -------
----- --- - ---------------
----- ---------- - --------------------
----- --- - --- ------
--------------------
---------- -----
----------- -
------------ --- - ---- - ----- -- --------
--
----
------------- ----- -- -
-------- - ------- --------
---
-----------------
------------------- -- ------- -- ------------------------在该代码中，我们添加了一个新的 bodyParser 中间件，用于处理文件上传的请求。我们配置了 multipart 为 true，这样就可以处理 multipart/form-data 格式的数据。我们还设置了 formidable.maxFileSize，以限制上传文件的最大大小。
为了测试我们的文件上传请求是否正常工作，我们将添加上传文件的 API。我们需要创建一个新的路由并使用 fs.writeFile 来将文件写入磁盘，代码如下：
-- -------------------- ---- -------
----- --- - ---------------
----- ---------- - --------------------
----- -- - --------------
----- --- - --- ------
--------------------
---------- -----
----------- -
------------ --- - ---- - ----- -- --------
--
----
------------- ----- -- -
-------- - ------- --------
---
------------- ----- ----- -- -
-- --------- --- --------- -- ---------- -- ------- -
----- ---- - -----------------------
----- ------ - -------------------------------
----- ------ - ---------------------------------------------
--------------------
-------- - ---------------------------------------------
- ---- -
----- -------
-
---
-----------------
------------------- -- ------- -- ------------------------在代码中，我们添加了一个新的路由 '/upload'，它支持 HTTP POST 请求，并将使用 fs.createWriteStream 从文件路径中读取文件，然后使用 fs.createWriteStream 将文件写入指定的目录 uploads 中。该 API 将返回一个 URL，用于访问上传的文件。现在，我们上传我们的测试文件，并访问我们的 "uploads" 目录中的文件，看看是否上传成功。
优化文件上传
在前面的代码中，我们一次只能上传一个文件。但是，我们很可能需要上传多个文件，因此，我们应该改进我们的代码以支持上传多个文件。在下面的代码示例中，我们使用一个循环来处理所有文件，代码如下：
-- -------------------- ---- -------
------------- ----- ----- -- -
-- --------- --- --------- -- ---------- -- ------- -
----- ----- - ------------------
--- ---- --- -- ------ -
----- ---- - -----------
----- ------ - -------------------------------
----- ------ - ---------------------------------------------
--------------------
-
-------- - ---------------------------------------------
- ---- -
----- -------
-
---在代码中，我们使用 for 循环来迭代所有的文件，并使用 fs.createWriteStream 将每个文件写入指定的目录。
结论
现在你已经学会了如何使用 Koa 和 koa-body 中间件来处理文件上传请求。我们还演示了如何支持多个文件上传，并将其保存在指定的目录中。希望本文中提供的代码和教程能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670f7d625f5512810264d461