在前端开发中，我们通常会使用表单来提交数据至服务器。而在提交表单时，我们可以使用 FormData 对象来对表单数据进行封装。在 Express.js 中，我们需要对这些 FormData 数据进行处理，以便能够在后端获取到这些数据。本文将详细介绍在 Express.js 中如何处理 POST 请求中的 FormData 数据，并提供示例代码和指导意义。
FormData 简介
FormData 是一个表单数据封装类，可以将表单数据进行封装，并通过 AJAX 等方式将表单数据发送至服务器。FormData 对象的创建方式如下：
const formData = new FormData(form);
其中，form 为表单元素。通过 FormData 对象，我们可以使用以下方法对表单数据进行操作：
- append(name, value)：向 FormData 对象中添加一个键值对，其中 name 为键名，value 为值。
- delete(name)：删除 FormData 对象中指定键名的键值对。
- get(name)：获取 FormData 对象中指定键名的值。
- getAll(name)：获取 FormData 对象中指定键名的所有值。
- has(name)：判断 FormData 对象中是否包含指定键名的键值对。
- set(name, value)：设置 FormData 对象中指定键名的值。
Express.js 中处理 FormData 数据
在 Express.js 中，我们可以使用 body-parser 中间件来对 POST 请求中的 FormData 数据进行解析。body-parser 中间件可以将 POST 请求中的请求体解析成一个 JSON 对象，从而方便我们在后端获取到这些数据。以下是使用 body-parser 中间件的示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ----------------------- ----- --- - ---------- --------------------------- ------------------------------- --------- ---- ---- ------------------- ----- ---- -- - ----- -------- - --------- ---------------------- -------------------- --- ---------------- -- -- - ------------------- -- ------- -- ------------------------ ---
在上述代码中，我们使用了 body-parser 中间件来解析 POST 请求中的请求体。其中，bodyParser.urlencoded({ extended: true }) 用于解析表单数据，bodyParser.json() 用于解析 JSON 数据。在 POST 请求的回调函数中，我们可以通过 req.body 来获取 POST 请求中的 FormData 数据。
FormData 数据的使用
在获取到 FormData 数据后，我们可以在后端对这些数据进行处理，并将处理后的数据返回给前端。以下是一个简单的示例，用于将 FormData 数据存储至数据库中：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ----------------------- ----- -------- - -------------------- ----- --- - ---------- -------------------------------------------- - ---------------- ----- ------------------- ---- --- ----- ------ - --- ----------------- ----- ------- ---- ------ --- ----- ---- - ---------------------- -------- --------------------------- ------------------------------- --------- ---- ---- ------------------- ----- ----- ---- -- - ----- -------- - --------- ----- ---- - --- --------------- ----- ------------ -------------------- --- ---------------- -- -- - ------------------- -- ------- -- ------------------------ ---
在上述代码中，我们使用了 mongoose 模块来连接 MongoDB 数据库，并定义了一个名为 User 的模型。在 POST 请求的回调函数中，我们将 POST 请求中的 FormData 数据存储至数据库中，并将结果返回给前端。
总结
本文详细介绍了在 Express.js 中如何处理 POST 请求中的 FormData 数据，并提供了示例代码和指导意义。在实际开发中，我们需要根据具体情况来处理 FormData 数据，并将其用于后续操作。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660cfb3ed10417a222d635a2