在前端开发中，文件上传是一个常见的需求。尤其是在 Web 应用中，用户经常需要上传各种文件，如照片、视频、文档等。而现今的 Web 应用框架已经提供了越来越好的文件上传功能，例如 Hapi，一个强大的 Node.js Web 应用框架。
本文将介绍如何使用 Hapi 处理 POST 请求中的多个文件上传，供广大前端开发者参考和学习。
Hapi 文件上传插件
在 Hapi 框架中，我们可以使用 hapi-payload-multipart 这个插件来实现文件上传功能。该插件将所有上传表单数据解析为一个对象，其中每个文件都存储在一个文件对象中，包括文件名、文件类型和文件内容。
处理 POST 请求中的多个文件上传
接下来，我们就来看一下如何在 Hapi 中处理 POST 请求中的多个文件上传。
1. 安装 hapi-payload-multipart 插件
我们需要使用 npm 来安装 hapi-payload-multipart 插件，执行以下命令：
npm install --save hapi-payload-multipart
2. 导入 hapi-payload-multipart
在 Hapi 应用程序中，需要导入 hapi-payload-multipart，以便在应用程序中使用它。
const Hapi = require('hapi');
const multipart = require('hapi-payload-multipart');
const server = Hapi.server({
port: 3000,
host: 'localhost'
});3. 注册插件
在 Hapi 中，需要使用 server.register() 方法来注册插件，以下是注册 hapi-payload-multipart 插件的示例代码：
server.register({
plugin: multipart
});4. 处理上传请求
在 Hapi 中，处理上传请求的方法有很多种。我们可以使用以下示例代码来处理 POST 请求中的多个文件上传：
-- -------------------- ---- -------
--------------
------- -------
----- ----------
-------- -------- --------- -- -
----- - ------- - - --------
----- ----- - --------------
------ -
----------- ----
-------- ---------------- ----- -------- --------------
--
--
-------- -
-------- -
------- ---------
------ -----
---------- -----
------ ---------------------
-
-
---在这个示例中，我们首先从请求的 payload 中获取上传的文件数组 files，然后返回成功上传的文件数量。最后，使用 Hapi 的 options 对象来设置请求的 payload 选项。
5. 测试上传请求
为了测试这个上传请求，我们可以使用 Postman 或其他客户端工具。我们需要确保请求的 Content-Type 是 multipart/form-data，并使用 form-data 类型来上传文件。
总结
使用 Hapi 处理 POST 请求中的多个文件上传非常简单，只需要安装 hapi-payload-multipart 插件并注册即可。我们可以使用 Hapi 中提供的方法来处理上传请求，如上所示。希望这篇文章能够帮助大家更好地理解如何在 Hapi 中处理 POST 请求中的多个文件上传。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d2f1435c89ec978fa4f8cc