FormData 怎么用

`FormData` 是一种用于处理键值对数据结构的对象，在 JavaScript 中主要用于上传文件到服务器或者发送表单数据。它通常与 `XMLHttpRequest` 或 `fetch` API 配合使用。

创建 FormData 的步骤如下：

1. 创建一个新的 FormData 实例：

const formData = new FormData();

2. 添加键值对，可以是简单的字符串、Blob 对象或 File 对象：

formData.append('file', fileObject); // 上传文件
formData.append('username', 'John Doe');
formData.append('age', 30);

这里的 `'file'` 是你要上传文件的字段名，`fileObject` 是 Blob 或者 File 对象。

3. 发送数据至服务器，比如通过 AJAX 请求：

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

这里将 `formData` 作为请求体 (`body`) 发送到 `/api/upload` 路径。

相关问题

formdata怎么使用

FormData 是一种用于在 Ajax 请求中传输表单数据的对象，可以用来上传文件或者提交表单数据。

使用方法如下：

1. 创建一个新的 FormData 对象：

var formData = new FormData();

2. 添加表单数据到对象中：

formData.append('username', 'john');
formData.append('password', '12345');

3. 添加文件数据到对象中：

var fileInput = document.getElementById('fileInput');
formData.append('file', fileInput.files[0]);

4. 发送 Ajax 请求：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('Upload successful!');
  } else {
    console.log('Upload failed!');
  }
};
xhr.send(formData);

在上述代码中，我们通过 append() 方法向 FormData 对象中添加表单数据和文件数据，然后使用 XMLHttpRequest 对象发送 Ajax 请求，并将 FormData 对象作为参数传递给 send() 方法。

注意：FormData 对象只能用于 Ajax 请求，不能用于常规的表单提交。

FormData怎么使用

FormData 是一种用于在 Ajax 请求中传输表单数据的对象，可以用来上传文件或者提交表单数据。

使用方法如下：

1. 创建一个新的 FormData 对象：

var formData = new FormData();

2. 添加表单数据到对象中：

formData.append('username', 'john');
formData.append('password', '12345');

3. 添加文件数据到对象中：

var fileInput = document.getElementById('fileInput');
formData.append('file', fileInput.files[0]);

4. 发送 Ajax 请求：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('Upload successful!');
  } else {
    console.log('Upload failed!');
  }
};
xhr.send(formData);

在上述代码中，我们通过 append() 方法向 FormData 对象中添加表单数据和文件数据，然后使用 XMLHttpRequest 对象发送 Ajax 请求，并将 FormData 对象作为参数传递给 send() 方法。

注意：FormData 对象只能用于 Ajax 请求，不能用于常规的表单提交。