后端接口接收对象和文件集合,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)
});
相关推荐
yz_aiks43 分钟前
Spring AI 2.1 ChatMemory 已过时用什么替代:迁移到 Session Memory 实战(JDBC 存储与会话压缩)
java·spring boot·大模型·ai agent·spring ai
金銀銅鐵1 小时前
[Java] 用 GUI 展示 EnumMap 增删键值对时的内部变化
java·后端·ai编程
学长毕设1 小时前
基于SpringBoot的上门洗车服务系统设计与实现
java·spring boot·后端
jason成都1 小时前
RTKLIB-Java 多基线联合RTK:FIX率从0%到91.5%的三层根因修复
java·gnss·rtklib·rtklib_java
鱼宵1 小时前
Stream 终端操作一次讲透:collect、count、reduce 怎么选
java·stream·终端操作
白山编程大哥2 小时前
Java 后端如何优雅地把 List 集合返回给前端
java·前端·list
Linux运维技术栈2 小时前
CVE-2026-91403 高危漏洞修复:Rocky Linux 9 多版本 JDK 环境清理实操
java·linux·运维
On The Road :2 小时前
Java 多线程详解:从入门到线程安全
java·python·安全
Shaoshing2 小时前
LeetCode100 49. 字母异位词分组
java·算法
Flynt2 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios