后端接口接收对象和文件集合,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)
});
相关推荐
一只大侠的侠几秒前
React Native实战:高性能StickyHeader粘性标题组件实现
javascript·react native·react.js
廋到被风吹走几秒前
SOLID原则深度解析:面向对象设计的五大基石
java·log4j
cjl_8520084 分钟前
MS SQL Server 实战 排查多列之间的值是否重复
java
海兰5 分钟前
ES 9.3.0 日志模式分析
java·大数据·elasticsearch
程序员敲代码吗7 分钟前
微服务熔断降级配置详解与实践:使用Sentinel和Nacos
java·微服务·sentinel
予枫的编程笔记10 分钟前
【YF技术周报 Vol.01】OpenAI 国会指控 DeepSeek,字节发布 Seedance 2.0,Java 26 预览版来了
java·人工智能·openai·后端开发·ai技术·spring ai·deepseek
打瞌睡的朱尤10 分钟前
Vue day13~16Vue特性,Pinia,大事件项目
前端·javascript·vue.js
java1234_小锋17 分钟前
Java高频面试题:Zookeeper节点宕机如何处理?
java·zookeeper·java-zookeeper
_OP_CHEN25 分钟前
【前端开发之JavaScript】(三)JS基础语法中篇:运算符 / 条件 / 循环 / 数组一网打尽
开发语言·前端·javascript·网页开发·图形化界面·语法基础·gui开发
欧恩意9 小时前
【Tools】Java反汇编工具推荐
java·汇编