后端接口接收对象和文件集合,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 小时前
GoF设计模式——策略模式
java·后端·spring·设计模式
kyriewen6 小时前
别再 console.log 了:5 个 Chrome DevTools 调试技巧,用过就回不去了
前端·javascript·面试
To_OC7 小时前
LC 1 两数之和:面试第一道必考题,暴力解法直接被面试官 pass
javascript·算法·leetcode
GuWenyue9 小时前
排序效率低?5分钟吃透快速排序,性能飙升至O(nlogn)
前端·javascript·面试
何时梦醒9 小时前
深入理解递归与快速排序 —— 从基础入门到手写实现
前端·javascript
bonechips9 小时前
LLM 的无状态:从 HTTP 协议到对话上下文工程
前端·javascript
胡志辉9 小时前
从 prototype 到 V8,看懂 JavaScript 原型链
前端·javascript
ping某11 小时前
专栏-null 和 undefined 到底是什么?
前端·javascript·后端
用户1285261160212 小时前
我把祖传Java项目重构后,接口响应从3s砍到了200ms,只改了这几行代码
java
Linsk12 小时前
组件 = 模板 + 业务逻辑
java·前端·vue.js