随着前端技术的迅速发展，使用 FormData 对象来上传文件和表单数据已经成为了非常普遍的操作。而 Fastify 是一款快速、低开销并且高度可扩展的 Web 框架。在这篇文章中，我们将会深入了解 Fastify 中如何处理 FormData 数据，以及一些实用的技巧供大家参考。
前言
在处理 FormData 数据的过程中，最基础的就是了解 FormData 对象的使用方法。我们可以使用 FormData 对象来模拟表单的提交操作，并且支持在表单中同时上传文件和其他数据。
const formData = new FormData(); formData.append('username', 'John'); formData.append('email', 'john@example.com'); formData.append('avatar', fileInput.files[0]);
接下来的步骤就是将这个 FormData 对象发送到服务器，以供后端进行处理。在 Fastify 中，我们可以使用 fastify-multipart 插件来处理 FormData 数据。
安装插件
在使用 fastify-multipart 插件前，需要先安装和添加该插件：
npm i fastify-multipart
const fastify = require('fastify')(); fastify.register(require('fastify-multipart'));
获取表单数据
通过使用 fastify-multipart 插件，我们可以使用 request.parts() 方法来获取表单数据。
fastify.post('/upload', async (request, reply) => { const parts = request.parts(); for await (const part of parts) { console.log(part); // { field: 'username', value: 'John', filename: null, encoding: '7bit', mimeType: null } } });
上述代码展示了一个异步循环，该循环遍历了 FormData 中的每个字段，并在控制台中打印出了相应的数据。这个 part 对象中包含了一些关键信息，例如：field 表示数据所属的字段名；value 表示字段的值；filename 表示文件名（如果该字段为文件类型）；encoding 表示编码方式；mimeType 表示该字段的 MIME 类型。
处理上传的文件
当 FormData 中包含文件时，我们需要特别处理。如下是如何在 Fastify 中使用 fastify-multipart 插件来提取 FormData 中的文件的代码：
-- -------------------- ---- ------- ----------------------- ----- --------- ------ -- - ----- ----- - ---------------- --- ----- ------ ---- -- ------ - -- ----------- - ----- -------- - -------------- ----- --------- - ----------------------- -- ----------- -- --------------------------- - ------------------------ - ----- -------- - --------------------------- -- -------- ----- --------------- -------------------------------- ------------------ ---- ----------- -- --------------- - ---- - ------------------ - - ---展开代码
上述代码会检查字段是否是文件类型，如果不是，直接打印它的内容。而如果是文件类型，那么就获取文件名和将要上传到的路径，接着就将它写入到磁盘上。
结语
在这篇文章中，我们了解了如何在 Fastify 中处理 FormData 数据。我们讨论了使用 fastify-multipart 插件的基础知识，并且提供了示例代码来展示如何处理上传文件的情况。相信在今后的开发中，读者们都可以很好地应用这些方法来处理 FormData 数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bee1c40c976d473a3350d4
