在前端开发中，图片是非常重要的一个部分。然而，上传和处理图片并不是一件简单的事情。使用 Hapi.js，我们可以很方便地实现图片上传和压缩功能。
什么是 Hapi.js？
Hapi.js 是一个基于 Node.js 的开源 Web 应用框架，专注于构建可伸缩的应用程序和服务。它具有可扩展性、可配置性和高度可重用性的特点，广泛用于构建 Web 应用程序、API 和微服务。
图片上传功能实现
首先，我们需要安装 Hapi.js：
npm install hapi
然后，我们可以使用 Hapi.js 提供的 multer 中间件实现图片上传功能。multer 中间件可以在接收到客户端上传的文件后，将其存储到服务器上。
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ----------------
----- ----- - -----------------
----- ------ - ------------------
----- ------ - --- -------------
----- -----
----- -----------
---
----- ------- - --------------------
------------ --------- ----- --------- -- -
---------------------------
--
--------- --------- ----- --------- -- -
-------------- -------------------
-
---
----- ------ - --------
--------
------- -
--------- ------- -- --------- - --
--
----------- --------- ----- --------- -- -
-- ----------------------------------------------- -
------ ------------ ------------ ------------ ---------
-
-------------- ------
-
---
-----------------------
--------------
------- -------
----- ----------
-------- --------- -- -- -
------ --- ----------------- ------- -- -
------------------------------- -- ----- -- -
-- ------- -
------ ----------------------
-
------ ----------------------
---
---
--
-------- -
-------- -
------- ---------
------ -----
------ ---------------------
-
-
---
---------------------- -- -
------------------- ------- --- ---------------------
-------------- -- -
------------------ -------- ------- -------------------
---使用 multer 中间件构建的图片上传功能非常简单。当客户端上传图片时，服务器会将其存储到指定的目录中，并返回一个保存后的图片文件信息。
图片压缩功能实现
在图片上传后，我们还需要对图片进行压缩处理。这可以节省服务器存储空间和网络带宽。
使用 Hapi.js 实现图片压缩功能非常方便。我们可以使用 sharp 模块来实现图片的压缩、剪裁和缩放等功能。
-- -------------------- ---- -------
----- ---- - ----------------
----- ---- - ----------------
----- ----- - -----------------
----- ------ - ------------------
----- ----- - -----------------
----- ------ - --- -------------
----- -----
----- -----------
---
----- ------- - --------------------
------------ --------- ----- --------- -- -
---------------------------
--
--------- --------- ----- --------- -- -
-------------- -------------------
-
---
----- ------ - --------
--------
------- -
--------- ------- -- --------- - --
--
----------- --------- ----- --------- -- -
-- ----------------------------------------------- -
------ ------------ ------------ ------------ ---------
-
-------------- ------
-
---
-----------------------
--------------
------- -------
----- ----------
-------- --------- -- -- -
------ --- ----------------- ------- -- -
------------------------------- -- ----- -- -
-- ------- -
------ ----------------------
-
------ ----------------------
---
------------ -- -
------ ----------------
------------ ----
----------------------------------------------------------
-------------- -- -
------------------ ---------- ------ -------------------
---
--
-------- -
-------- -
------- ---------
------ -----
------ ---------------------
-
-
---
---------------------- -- -
------------------- ------- --- ---------------------
-------------- -- -
------------------ -------- ------- -------------------
---使用 sharp 模块实现图片压缩功能非常简单。当客户端上传图片后，服务器会使用 Sharp 对图片进行优化处理并存储到指定的目录中。
总结
使用 Hapi.js，我们可以很方便地实现图片上传和压缩功能。构建一个高效、可扩展和可重用的应用程序，选择 Hapi.js 可能是一种不错的选择。通过这篇技术文章的学习和实践，相信你也已经掌握了使用 Hapi.js 实现图片上传和压缩的方法了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6483d26548841e989430fbf5