[DEBUG] springboot接收可变长文件数组

更多技术文章请访问我的博客园账户:点击这里

那边会更新有关生物信息学,java Web,统计学理论和一些杂七杂八的记录:)

leetcode刷题记录争取日更(github):点击这里

部分敏感信息已打码。不提供完整代码,欢迎评论、交流。


问题描述

希望做成这样:点击新建弹窗中的按钮“添加子订单”,弹出条目

弹出下面的输入条目,点击后面的垃圾桶可以删除。

弹出后的效果

由于条目可能被删除,所以No的值并不是连续的数值,附件也不是每条必须有的,所以后台要怎么正确接收文件呢?

知识总结:

1.巧用js的clone,复制条目。

2.js用FormData来传递数据,子订单的附件放在同一个名称的变量下。

3.springboot用MultipartFile[]来接收子订单的附件。


解决方案:

前端:

自行引入jquery/fontawesome/bootstrap吧

js:

addButton自行绑定!

删除按钮绑定的函数:

为提交按钮绑定函数:

后台接收:

因为接收到的json数据,与接收到的文件,它们的顺序是对应、一致的(只不过有的子订单id对应文件是空的而已,而空的,后台可以不必存储),所以后台只要顺序遍历、分别处理即可。

喜欢的话给我点个赞吧~520祝大家心想事成!


你可能感兴趣的:([DEBUG] springboot接收可变长文件数组)