在现代 Web 开发中，处理表单数据和文件上传是一个常见需求。JavaScript 的`FormData`对
象为此提供了一种方便的解决方案。`FormData`对象允许你以一种类似于表单的方式构建键
值对数据，这些数据可以通过`XMLHttpRequest`或`fetch` API 发送到服务器。
### `FormData`对象的工作原理
`FormData`对象是`XMLHttpRequest` Level 2 规范的一部分，它用于创建键值对集合，这些键
值对可以被发送到服务器。它特别适用于处理文件上传，因为它能够封装文件数据，并通过
HTTP 请求发送。
### 创建`FormData`对象
创建`FormData`对象非常简单，你可以传递一个 HTML 表单元素给`FormData`构造函数，它
会读取表单中所有输入字段的数据。
```javascript
var form = document.querySelector('form');
var formData = new FormData(form);
```
### 手动添加数据
除了自动读取表单数据，`FormData`也允许你手动添加或修改数据：
```javascript
formData.append('username', 'exampleUser');
formData.append('file', fileInput.files[0]);
```
这里，`append`方法用于添加键值对到`FormData`对象中。如果键已经存在，新的值会被添
加到键的数组中。
### 发送`FormData`
使用`FormData`对象构建好数据后，你可以使用`XMLHttpRequest`或`fetch` API 发送这些数据。
使用`XMLHttpRequest`发送`FormData`的示例：
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'server.php');
xhr.onload = function () {
if (xhr.status === 200) {
console.log('Success:', xhr.responseText);
资源评论
