前端formData的使用

`FormData`是一个用于构建表单数据的API，它允许我们以键值对的方式构建一个包含多个表单字段的表单数据，并将其发送到服务器。以下是使用`FormData`的示例代码：

const formData = new FormData();
formData.append('username', '张三');
formData.append('password', '123456');
formData.append('avatar', fileInput.files[0]);

fetch('/api/login', {
  method: 'POST',
  body: formData
})
.then(response => {
  // 处理响应
})
.catch(error => {
  // 处理错误
});

在上面的代码中，我们首先创建了一个`FormData`对象，然后使用`append`方法向`FormData`对象中添加了三个字段：`username`、`password`和`avatar`。其中，`avatar`字段是一个文件输入框（`<input type="file">`）的值，它会将文件的内容作为字段值添加到`FormData`对象中。

接下来，我们使用`fetch`函数将`FormData`对象发送到服务器。在发送请求时，我们需要将请求方法设置为`POST`，并将`FormData`对象作为请求体传递给`fetch`函数。在后端处理请求时，可以使用相应的框架或库来解析`FormData`对象，获取表单数据的值。

除了`append`方法之外，`FormData`对象还提供了其他方法来操作表单数据，包括`set`、`get`、`delete`等方法。你可以根据具体的需求选择合适的方法来操作表单数据。