在现代的 Web 应用程序开发中，图片上传与处理是一个常见的需求。Fastify 是一个快速和低开销的 Web 框架，与 Express 一样受欢迎。本篇文章介绍了 Fastify 中如何处理图片上传与处理，详细深入地讲解并带有示例代码以及指导意义。
前置知识
在学习 Fastify 中的图片上传与处理之前，需要先了解以下概念：
- RESTful API：RESTful API 是一种通过 HTTP 请求对 Web 服务器进行请求和响应的机制。它是一种软件开发架构模式，旨在提供标准化方式以创建 Web 应用程序。
- multipart/form-data：这是用于上传文件的一种 HTTP POST 请求类型。在这种请求中，传输数据会被分解成多个部分，每个部分都包含一个独立的数据块和一个标识这个数据块的 Content-Disposition 头文件。
- Sharp：Sharp 是一个 Node.js 图像处理库，可用于适应性调整、压缩和转换图像。
图片上传
在 Fastify 中处理图片上传，你可以使用 fastify-multipart 中间件来处理 multipart/form-data HTTP POST 请求 types，并且将上传的图片转换为 base 64 编码 String。示例代码如下：
-- -------------------- ---- -------
-- -- ------- --
----- ------- - -------------------- ------- ---- --
-- ----
----- ---------------- - ----------------------------
-- ----
----------------------------------
-- --------
----------------------- ----- ----- ------ -- -
-- -- ------------------- --
----- ---- - ----- ----------
-- ------ ---- -- ------
----- ----------- - ----- ---------------
----- ----------- - ------------------------------
-- ----
------ -
-------- -----
----- - ---- --------------------------------------- -
-
--
-- -- ------- ----
-------------------- ----- -------- -- -
-- ----- -
----------------------
---------------
-
------------------------ --------- -- ------------
--首先，我们需要引入 fastify-multipart 中间件，用于处理 multipart/form-data 请求类型。然后，我们在 Fastify 应用程序中注册该插件。
在定义路由的处理函数时，我们使用 async 函数，获取 multipart/form-data 中的数据并将其转换为 base 64 编码的 String。最后，我们返回响应结果，并将 base 64 编码的 String 作为一种图片数据格式发送。
图片处理
在处理图片方面，使用 Sharp 库可轻松进行图像大小调整、品质压缩、格式转换等操作。为了使用 Sharp 库，需要在工程中安装它。快速安装和使用 Sharp 库的步骤请参考官方文档。
下面是一个示例路由，使用 Sharp 库调整上传的图片大小并将其返回给客户端：
-- -------------------- ---- -------
-- ----------
----------------------- ----- ----- ------ -- -
-- -- ------------------- --
----- ---- - ----- ----------
-- ------ ---- -- ------
----- ----------- - ----- ---------------
----- ----------- - ------------------------------
-- --------
----- ------------------ - ----- ------------------
--------- ------ ---- ------- --- --
------- -------- -- --
-----------
-- ----------- ---- -- ------
----- ------------------ - -------------------------------------
-- ------
------ -
-------- -----
----- - ---- ---------------------------------------------- -
-
--首先，我们获取 multipart/form-data 中的数据并将其转换为 base 64 编码的 String。然后，我们使用 Sharp 库进行图像大小调整。
在这个示例中，我们将上传的图片调整为宽度和高度都是 200 像素。并且限制了 JPEG 文件的品质为 70%。最后，我们将调整大小的图像转换为 base 64 编码格式，并将其返回给客户端。
总结
在本篇文章中，我们介绍了 Fastify 中的图片上传与处理，并提供了示例代码。使用 Fastify 在 Node.js 执行环境中处理图片大小调整等操作，开发人员能够快速、有效地满足常见的 Web 应用程序需求。 如果你想要学习更多关于 Fastify 的知识和技术细节，请查看 Fastify 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6496b7d648841e98943f3181