formdata http

FormData 是一个用于创建表单数据的 JavaScript 对象。我们可以使用它来模拟表单提交，包括文件上传和普通表单数据。

使用方法如下：

const formData = new FormData();
formData.append('username', 'John');
formData.append('password', 'Doe');
formData.append('file', fileInput.files[0]);

fetch('/api/login', {
  method: 'POST',
  body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

在上面的例子中，我们创建了一个 FormData 对象，并通过 append() 方法添加了三个字段：username、password 和 file。其中，fileInput 是一个文件上传控件。

最后，我们使用 fetch() 方法将表单数据提交到后端 API，这里使用了 POST 方法。在请求头中，Content-Type 自动设置为 multipart/form-data，表示提交的是表单数据。服务器收到请求后，就可以解析 FormData 对象，获取表单数据和上传文件。

相关问题

typescript FormData

TypeScript中的FormData是一种内置对象，用于处理键值对数据，特别适合于发送或接收HTTP请求，尤其是在处理文件上传时。它是浏览器原生支持的，但在TypeScript中，你可以安全地使用它，因为TypeScript为它提供了静态类型支持，可以帮助开发者避免类型错误。

下面是FormData的一些关键特性：

1. **创建FormData**：你可以通过`new FormData()`创建一个新的FormData实例，或者在已有对象上调用其`append()`方法添加数据。

   const formData = new FormData();
   formData.append('key', 'value');
   formData.append('file', file, 'filename');

2. **键值对**：键通常是字符串（不区分大小写），值可以是字符串、Blob、File、ArrayBuffer等。

3. **处理文件**：它非常适合上传文件，`append()`方法能处理File对象。

4. **遍历数据**：可以使用`entries()`, `keys()`, `values()`方法来迭代FormData中的键值对。

   for (const [key, value] of formData.entries()) {
       console.log(`${key}: ${value}`);
   }

5. **发送至服务器**：通常在发送Ajax请求时用到，如XMLHttpRequest或fetch API。

   fetch(url, {
       method: 'POST',
       body: formData,
   }).then(response => response.json());

java Formdata

在Java中，`FormData`通常是指Servlet规范中用于处理HTTP请求的一部分，尤其是在处理表单提交时。它是一个包含了键值对数据的集合，由`javax.servlet.http.HttpServletRequest`对象提供，主要用于从客户端发送的数据（如POST、PUT请求）中获取数据。`FormData`包含的是通过`request.getParameter()`等方法获取到的原始数据，包括文件上传等非结构化的表单字段。

当你需要从用户表单中读取信息，并将其作为关键值对的形式传递给服务器端处理时，`FormData`就非常有用。例如：

String formParam = request.getParameter("formName");
List<NameValuePair> formData = request.getMultiPartMap().getAllValues().iterator().next();
for (NameValuePair pair : formData) {
    String key = pair.getName();
    String value = pair.getValue();
    // 处理数据
}