apifox 传递formdata 数组对象

要传递一个 FormData 对象的数组，可以使用 JavaScript 中的循环来遍历数组并将每个对象添加到 FormData 中。以下是一个示例代码：

const formData = new FormData();

// 数组对象
const array = [
  { name: 'John', age: 30 },
  { name: 'Jane', age: 25 },
  { name: 'Bob', age: 40 },
];

// 遍历数组并将每个对象添加到 FormData
array.forEach((obj, index) => {
  Object.keys(obj).forEach((key) => {
    formData.append(`array[${index}][${key}]`, obj[key]);
  });
});

// 发送请求
fetch('https://example.com/api', {
  method: 'POST',
  body: formData,
});

在上面的代码中，我们首先创建了一个空的 FormData 对象。然后，我们定义了一个数组对象，并使用 forEach 方法遍历每个对象。在内部循环中，我们使用 append 方法将每个属性添加到 FormData 中，使用类似于 `array[0].name` 这样的键名来表示数组中每个对象的属性。最后，我们将 FormData 对象作为请求的 body 发送到服务器。

相关问题

springmvc接收formdata 数组对象

要接收一个 FormData 数组对象，你可以在 Spring MVC 控制器方法中使用 `@RequestParam` 注解。假设你的表单中有一个名为 `formDataArray` 的数组对象，你可以这样接收：

@PostMapping("/formdata")
public String handleFormData(@RequestParam("formDataArray") List<FormData> formDataArray) {
    // 处理 FormData 数组对象
    return "success";
}

在这个例子中，`@RequestParam` 注解中的参数值 `"formDataArray"` 对应了表单中的 FormData 数组对象的名称。Spring MVC 将会自动将表单数据转换成 `List<FormData>` 对象，并传递给控制器方法。

如果你的表单中还有其他的字段需要接收，你可以在控制器方法中添加更多的参数和注解。例如，假设表单中还有一个名为 `username` 的文本字段，你可以这样接收：

@PostMapping("/formdata")
public String handleFormData(@RequestParam("formDataArray") List<FormData> formDataArray,
                             @RequestParam("username") String username) {
    // 处理 FormData 数组和用户名
    return "success";
}

在这个例子中，Spring MVC 将会自动将表单中的 `username` 字段的值转换成 `String` 类型，并传递给控制器方法。

传递FormData格式的数组对象

回答: 传递FormData格式的数组对象可以通过使用append方法来实现。在你的代码示例中，你已经正确地使用了append方法来添加数组中的每个对象的属性。例如，对于chapterList数组中的每个对象，你使用了以下代码来添加它们的属性：

data.append(`chapterList\[${i}\].title`, item.title)
data.append(`chapterList\[${i}\].file`, item.file)
data.append(`chapterList\[${i}\].description`, item.description)

这样做可以将每个对象的属性添加到FormData对象中，并以正确的格式传递给后台接口。这样，后台接口就能够正确地解析和处理这些数组对象的数据。
#### 引用[.reference_title]
- *1* *2* *3* [向后台接口传递FormData格式的数组对象](https://blog.csdn.net/EnjoyLearning_zn/article/details/109096800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]