在开发 Web 应用时，往往需要实现文件上传功能，比如用户上传头像、上传文件等。Koa.js 是一个基于 Node.js 平台的 Web 框架，提供了一系列 API ，方便开发者构建高效，可扩展的 Web 应用。本文将介绍在 Koa.js 中如何实现文件上传功能。
Part 1：安装相关依赖
在开始之前，需要安装相关依赖包：
npm install koa koa-body koa-router --save
koa：Koa.js 框架koa-body：文件上传中间件koa-router：路由管理
Part 2：处理文件上传
使用 koa-body 中间件处理上传的文件。koa-body 中间件支持 JSON、form、text、multipart 等多种数据格式，其中 multipart 是用于文件上传的格式，koa-body 中间件会将上传的文件处理成 multipart/form-data 格式。
-- -------------------- ---- -------
----- --- - ---------------
----- ------ - ----------------------
----- ------- - --------------------
----- --- - --- ------
----- ------ - --- ---------
-- -------
-----------------
---------- ----- -- ------
----------- -
-- -------------- --
------------ --- - ---- - -----
-
----
-- ------
---------------------- ----- ----- ----- -- -
----- ---- - ----------------------- -- ------
-- ---------------
----- ------ - -------------------------------
----- ------ - ------------------------------------- - -----------
--------------------
-------- - -------
---
-------------------------
---------------- -- -- ---------------------使用 koa-body 中间件处理文件上传，可以通过 ctx.request.files 获取上传的文件对象，并通过 Node.js 提供的文件流 (fs.createReadStream) 将上传的文件写入本地文件系统中。
Part 3：前端文件上传
在前端使用框架，如 axios 进行文件上传，使用 form 表单提交方式，需在表单中添加 enctype="multipart/form-data"。
<form action="/upload" method="POST" enctype="multipart/form-data"> <input type="file" name="file" /> <button type="submit">提交</button> </form>
使用 axios 完成文件上传：
-- -------------------- ---- -------
-- -- ----- ------
----- -------- - --- -----------
----------------------- ------
-------
---- ----------
------- -------
-------- -
--------------- ----------------------
--
----- ---------
---Part 4：异常处理
在文件上传过程中，可能会出现各种异常，比如上传文件大小超限、上传文件格式不正确、文件命名重复等等。因此在接口中加入异常处理，方便调试，提高用户体验。
-- -------------------- ---- -------
-- ------
---------------------- ----- ----- ----- -- -
-- ------------------------ -
----- ---- - -----------------------
-- -------------------------- --- --- - -- -------
---------- - ---- -- --- ----------
-------- - ----------
-------
-
-- ------------
----- -------- - ----------------------------
-- ---------- -- -------- - - - ---- - ----- -
---------- - ---- -- ------- --- -----
-------- - ---------
-------
-
----- ------ - -------------------------------
----- ------ - ------------------------------------- - -----------
--------------------
-------- - -------
- ---- -
---------- - ----
-------- - -------
-
---
-- -------
--------------- ----- ---- -- -
-------------------
-------- - --------
---总结
本文介绍了如何在 Koa.js 中处理文件上传。通过 koa-body 中间件处理上传的文件，使用 Node.js 提供的文件流将上传的文件写入本地文件系统中，并在接口中加入异常处理，方便调试，提高用户体验。敬请参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460affd968c7c53b02539f7