后端接口接收对象和文件集合,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)
});
相关推荐
阔皮大师4 分钟前
INote轻量文本编辑器
java·javascript·python·c#
lbb 小魔仙4 分钟前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
_codemonster5 分钟前
Vue的三种使用方式对比
前端·javascript·vue.js
小法师爱分享8 分钟前
StickyNotes,简单便签超实用
java·python
qq_297574679 分钟前
Linux 服务器 Java 开发环境搭建保姆级教程
java·linux·服务器
金牌归来发现妻女流落街头21 分钟前
【从SpringBoot到SpringCloud】
java·spring boot·spring cloud
毅炼21 分钟前
Java 基础常见问题总结(4)
java·后端
GR23423433 分钟前
2025年影视仓TV+手机官方版 内置地址源支持高清直播
java·智能手机·软件
全栈前端老曹1 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
程序员清风1 小时前
北京回长沙了,简单谈谈感受!
java·后端·面试