### 使用FormData格式传递参数 在Web开发中，`FormData`对象用于构建键值对集合，可以轻松地将表单数据序列化并发送给服务器。创建`FormData`实例时可以直接关联HTML `<form>`元素，也可以手动添加字段。 #### 创建与提交表单数据 通过JavaScript中的XMLHttpRequest或Fetch API配合`FormData`实现异步POST请求： ```javascript // 假设有一个ID为myForm的<form>标签 let formData = new FormData(document.getElementById('myForm')); // 将整个表单的内容加入到formData对象里[^1] fetch('/submit-endpoint', { method: 'POST', body: formData, }) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error('Error:', error)); ``` 此代码片段展示了如何利用`fetch()`函数携带由`FormData`封装的数据发起HTTP POST请求，并处理返回的结果。 #### 手动向FormData追加条目 除了基于现有表单外，还可以动态地往`FormData`内增加项： ```javascript let formDataManual = new FormData(); formDataManual.append('username', 'exampleUser'); // 添加字符串类型的输入 formDataManual.append('bio', document.querySelector('#textarea-bio').value); // 如果要上传文件，则可以通过FileList获取文件列表再append进去 const fileInput = document.querySelector('input[type="file"]'); Array.from(fileInput.files).forEach((file) => { formDataManual.append('files[]', file); }); ``` 上述脚本先定义了一个空的`FormData`容器，接着依次填入用户名、简介以及多份附件。注意这里使用了数组形式的名字（即带有方括号）以便于接收端解析多个同名项目。 #### 结合.NET Core服务端接受FormData 对于后端采用.NET Core框架的应用程序来说，在控制器动作方法签名处声明期望接收到MIME类型multipart/form-data的参数即可方便地读取客户端传送过来的信息。下面给出了一段简化版的服务侧逻辑示意： ```csharp [HttpPost] public async Task<IActionResult> Upload([FromForm] string username, [FromForm] IFormFileCollection files) { foreach (var formFile in files) { if (formFile.Length > 0) { var filePath = Path.GetTempFileName(); using (var stream = System.IO.File.Create(filePath)) { await formFile.CopyToAsync(stream); } } } return Ok(new { Message = "Files uploaded successfully." }); } ``` 这段C#代码表示一个能够接收来自前端包含文本域和文件集合作为payload的API接口。它遍历所有上载文档并将它们保存至临时位置；完成后反馈成功消息给调用者[^2]。