后端接口接收对象和文件集合,formdata传递数组对象

news/2024/7/10 2:43:35 标签: javascript, java, vue

0 问题

后端接口需要接收前端传递过来的对象和文件集合;对象中存在数组对象

1 前端和后端

前端只能使用formdata来传递参数,后端不使用@RequestBody注解
在这里插入图片描述
在这里插入图片描述

2 formdata传递数组对象

2.1 多个参数对象数组

javascript>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>javascript">addForm: {
  region: [ 0, 1, 2 ]
 },
this.addForm.region.forEach((value, index) => {
  formData.append(`region[${index}]`, value)
});

http://www.niftyadmin.cn/n/5152450.html

相关文章

机器学习笔记:RNN值Teacher Forcing

1 基本介绍 Teacher forcing是一种在训练循环神经网络(RNN)时使用的技术,尤其是在序列生成任务中,如机器翻译、文本生成或语音合成。这种方法的目的是更有效地训练网络预测下一个输出,给定一系列先前的观察结果。 1.…

数据中心如何散热?

数据中心的散热是一个非常重要的问题,因为数据中心内运行的服务器、存储设备以及网络设备等都会产生大量的热量,如果不能有效地进行散热,将会导致设备故障和性能下降。下面是一些常见的数据中心散热方法: 空调系统:数据…

代码随想录算法训练营第23期day43|518. 零钱兑换II、377. 组合总和Ⅳ

目录 一、(leetcode 518)零钱兑换II 二、(leetcode 377)组合总和 Ⅳ 完全背包问题和01背包在描述上的区别是:完全背包中的物品可以被无限使用;在代码上的区别是:遍历顺序中都是从小到大遍历&a…

fastadmin笔记,关联查询,下拉框,关联下拉框查询,编辑时下拉框默认值

记录熟悉fastadmin框架时的笔记 关联查询 在model中增加方法 //方法名要与关联表名一致public function routeCfg(){//参数//参数一 关联的模型所在路径 //参数二 外键字段名称//参数三 关联的主键名称$cfg$this->belongsTo(app\admin\model\route\Cfg,rc_serial,rc…

记录腾讯云重置密码之后ssh就连不上的踩坑

腾讯云轻量级服务器SSH连不上 解决方案在最后,点我跳转 问题背景: 首先ssh ubuntu用户我是能用xshell带上密钥正常连接的 其次我重置了root密码,自己改了一个root密码,因为我要用root账号使用ftp传输文件 然后重置密码之后&…

UI设计感蓝色商务数据后台网站模板源码

蓝色商务数据后台网站模板是一款适合网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。 演示下载 qnziyw点cn/wysc/qdmb/20852点html

linux下安装Zabbix教程

笔记: 监控设备 对各种设备的统一管理 Esight 了解开源监控工具 eg Promerthos: Zabbix :集中式系统 大型企业 可视化,高大上、 查看日志 安装zibox软件 安装数据库 进入数据库 进入Zabbox 密码 password 账号Admin 密码zabbix 解决乱码问题 将…

PostgreSQL 连接是否要通过SSL,为什么使用SSL 连接后,业务部门会投诉我?

开头还是介绍一下群,如果感兴趣PolarDB ,MongoDB ,MySQL ,PostgreSQL ,Redis, Oceanbase, Sql Server等有问题,有需求都可以加群群内有各大数据库行业大咖,CTO,可以解决你的问题。加群请联系 liuaustin3 ,(…