后端接口接收对象和文件集合,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)
});
相关推荐
Lhappy嘻嘻5 小时前
Java IO|File 文件操作 + 字节流 / 字符流完整笔记 + 递归删除文件实战
java·笔记·php
胡萝卜术5 小时前
从API调用到手写LRU:力扣146「LRU缓存」的哈希表+双向链表终极进化之路
前端·javascript·面试
科技道人5 小时前
记录 默认置灰/禁用 app ‘Search Engine Selector‘ 的disable按钮
开发语言·前端·javascript
伊玛目的门徒5 小时前
试用leetcode之典中典 二数之和问题
java·算法·leetcode
懒鸟一枚8 小时前
深入理解 Linux 内存、Swap 交换分区与分页机制的关系
java·linux·数据库
我命由我1234510 小时前
执行 Gradle 指令报错,无法将“grep”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
考虑考虑10 小时前
Sentinel安装
java·后端·微服务
shuaijie051811 小时前
强制修改调用接口的api地址。
javascript·vue.js·ecmascript
JerrySir11 小时前
恶意 npm 包只活了 17 分钟:技术面试里,为什么“升级依赖”还不算止血?
javascript·安全
白帽小阳11 小时前
2026前端面试题!(附答案及解析)
javascript·网络·python·安全·web安全·网络安全·护网行动