在前端开发中，文件上传是一个常见的需求。Hapi 是一个 Node.js 的 Web 应用框架，它提供了一种方便的方式来处理文件上传。在本文中，我们将介绍如何使用 Hapi 进行文件上传，并提供详细的示例代码。
安装 Hapi
首先，我们需要安装 Hapi。打开终端，运行以下命令：
npm install hapi
创建服务器
接下来，我们需要创建一个服务器来处理文件上传。在文件夹中创建一个名为 server.js 的文件，并输入以下代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- -- - --------------
----- ------ - -------------
----- -----
----- -----------
---
--------------
------- -------
----- ----------
-------- --------- -- -- -
----- ---- - ----------------
----- ---- - ----------
----- ---- - -------------------
----- ---- - --------- - ----------- - -----
----- ---------- - ---------------------------
---------------------- -------- ----- -
------------------
---
----------------------
------ --- ----------------- ------- -- -
-------------- -- -- -
----- -------- - -
--------- -------------------
-------- -----------------
--
----------------------------------
--
---
--
-------- -
-------- -
------- ---------
------ -----
------ ---------------------
-
-
---
----- -------- ------- -
----- ---------------
------------------- ------- --- ---------------------
-
--------在此代码中，我们使用 Hapi 创建了一个服务器，监听在 localhost 的 3000 端口上。我们定义了一个路由来处理文件上传。当我们向 /upload 发送一个 POST 请求时，服务器将会接收文件并保存到 uploads 文件夹中。
我们还定义了一个 options 对象，用于设置请求的 payload。在这个对象中，我们设置了 output 为 stream，表示我们需要使用流来处理文件上传。我们还设置了 parse 为 true，表示我们需要解析请求的正文。最后，我们设置了 allow 为 multipart/form-data，表示我们允许使用多部分表单数据来上传文件。
创建上传表单
现在，我们需要创建一个上传表单来测试我们的服务器。在文件夹中创建一个名为 index.html 的文件，并输入以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----------- ------ ---------------
-------
------
----- ------------------------------------- ------------- ------------------------------
------ ----------- -------------
------ ------------- ----------------
-------
-------
-------在此代码中，我们创建了一个包含一个文件输入框和一个上传按钮的表单。表单的 action 属性设置为我们刚刚创建的服务器地址。
测试
现在，我们可以打开终端，运行以下命令启动服务器：
node server.js
然后，我们可以打开浏览器，访问 index.html 文件，选择一个文件并上传。上传完成后，我们可以在 uploads 文件夹中找到上传的文件。
结论
在本文中，我们介绍了如何使用 Hapi 进行文件上传，并提供了详细的示例代码。使用 Hapi 可以轻松地处理文件上传，帮助我们更好地完成前端开发任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67442412f3dd653032a48794