后端接口接收对象和文件集合,formdata传递数组对象

0 问题

后端接口需要接收前端传递过来的对象和文件集合;对象中存在数组对象

1 前端和后端

前端只能使用formdata来传递参数,后端不使用@RequestBody注解

2 formdata传递数组对象

2.1 多个参数对象数组

javascript 复制代码
addForm: {
  contactInfo: [
    {
      contactPerson: '',
      contactPhone: ''
    }
  ]
 },
this.addForm.contactInfo.forEach((value, index) => {
  formData.append(`contactInfo[${index}].contactPerson`, value.contactPerson);
  formData.append(`contactInfo[${index}].contactPhone`, value.contactPhone);
})

2.2 单个参数对象数组

javascript 复制代码
addForm: {
  region: [ 0, 1, 2 ]
 },
this.addForm.region.forEach((value, index) => {
  formData.append(`region[${index}]`, value)
});
相关推荐
掘金安东尼几秒前
⏰前端周刊第 458 期v2026.3.24
前端·javascript·面试
心勤则明3 分钟前
用 SpringAIAlibab 让高频问题实现毫秒级响应
java·人工智能·spring
anzhxu4 分钟前
SpringBoot 3.x 整合swagger
java·spring boot·后端
gechunlian884 分钟前
Spring Security 官网文档学习
java·学习·spring
小江的记录本6 分钟前
【Bean】JavaBean(原生规范)/ Spring Bean 【重点】/ 企业级Bean(EJB/Jakarta Bean)
java·数据库·spring boot·后端·spring·spring cloud·mybatis
qqty12176 分钟前
spring loC&DI 详解
java·spring·rpc
中国胖子风清扬11 分钟前
Camunda 8 概念详解:梳理新一代工作流引擎的核心概念与组件
java·spring boot·后端·spring cloud·ai·云原生·spring webflux
闻哥13 分钟前
MySQL InnoDB 缓存池(Buffer Pool)详解:原理、结构与链表管理
java·数据结构·数据库·mysql·链表·缓存·面试
殷紫川14 分钟前
告别臃肿部署!Java Serverless 函数计算架构全解与实战选型指南
java·架构
张元清16 分钟前
useMediaQuery:React 响应式设计完全指南
前端·javascript·面试