Hapi.js 是一个基于 Node.js 的 Web 应用框架，可以用于构建 Web 服务器和 API。它提供了一系列强大的功能和插件，使得我们能够轻松地构建可伸缩性和高可用性的 Web 应用程序。在本篇文章中，我们将介绍如何使用 Inert 插件实现文件上传。
Inert 插件
Inert 插件是 Hapi.js 默认的静态文件处理插件，它提供了一种简单的方式来处理静态资源，并且可以与其他 Hapi.js 插件无缝结合。在本文中，我们将使用 Inert 插件来实现文件上传功能。
实现文件上传
首先，我们需要创建一个新的 Hapi.js 项目并安装 Inert 插件：
mkdir hapi-file-upload cd hapi-file-upload npm init -y npm install hapi inert
接下来，我们需要创建一个 server.js 文件，并引入 Hapi.js 和 Inert 插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----- - -----------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- -----------------------
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------- --------
-
---
----- ---------------
------------------- ------- -- ---------------------
--
-------------------------------- --- -- -
-----------------
----------------
---
-------现在我们已经创建了一个简单的 Hapi.js 服务器，但还没有添加文件上传功能。下面我们将介绍如何使用 Inert 插件来实现文件上传功能。
HTML 表单
首先，我们需要在客户端创建一个包含文件上传功能的表单。我们可以使用 <form> 元素和 <input type="file"> 元素来实现这个功能。在表单提交时，我们将使用 JavaScript 将文件发送到服务器。我们可以使用 jQuery 或者原生 JavaScript 来实现这个功能。这里我们使用 jQuery 来演示：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------- ------ ------- ---- ---------------
-------
------
-------- ------ ------- ---- ------------
----- ------------------------------
------ ----------------------- - -------------
------ ----------- ----------------
----
------- ----------------------------------
-------
------- -----------------------------------------------------------
--------
------------ -
------------------------------------ -
--- -------- - --- -----------
--- --------- - --------------------
----------------------- --------------------
--------
---- ---------
----- -------
----- ---------
------------ ------
------------ ------
-------- ------------------ -
----------------
--
------ ------------- ------- ------ -
------------- - - -------
-
---
------ ------
---
---
---------
-------
-------在 form 标签中，我们指定了表单的 enctype 属性为 multipart/form-data，以便能够上传二进制文件。我们还定义了一个 <input type="file"> 元素和一个 <button> 元素，可以用于触发文件上传。表单提交时，我们将使用 JavaScript 将文件发送到服务器。
路由处理器
在服务器端，我们需要添加一个路由处理器来处理文件上传请求。我们可以使用 multipart/form-data 解析库来解析表单数据。在 Hapi.js 中，我们可以使用 hapi-devine 插件来解析上传的文件。
首先，在 server.js 文件中引入 hapi-devine 插件：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----- - -----------------------
----- ------ - ------------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- ----------------------- ---------
--------------
------- -------
----- ----------
-------- ----- --------- -- -- -
----- - ------- - - --------
----- ---- - ----------------
-------------------------------
------ -----
--
-------- -
-------- -
------- ---------
------ ---------------------
-
-
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ ------- --------
-
---
----- ---------------
------------------- ------- -- ---------------------
--在路由处理器中，我们通过 request.payload 获取上传的文件数据。我们还使用 console.log 打印了文件的参数。需要注意的是，我们需要在路由配置的 options 属性中定义 payload 参数，以便 Hapi.js 自动解析上传的文件。
运行 node server.js 启动服务器，在浏览器中打开 http://localhost:3000，我们可以看到一个包含文件上传功能的表单。选择一个文件并点击提交按钮，我们可以在控制台中看到上传的文件信息。
总结
在本篇文章中，我们介绍了如何使用 Inert 插件实现文件上传功能，首先在客户端创建包含文件上传功能的表单，然后在服务器端添加路由处理器来处理文件上传请求。通过 Hapi.js 的强大功能和插件，我们可以轻松地构建高质量、可伸缩和高可用性的 Web 应用程序。如果你正在学习 Hapi.js，这篇文章一定会对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6491029b48841e9894f03de7