ajax 批量上传图片方案
首先交代一下背景：最近在做一个批量上传图片的需求.上传的图片最大不能超过5张我的思路：1、前台通过FormData 来接收for表单提交的数据，点击上传
2、后台Controlelr层用 HttpServletRequest 来接收前台数据，把图片上传到服务器，获取图片路径保存到数据库，在通过查询和提交的数量进行累加. 判断图片数量.
场景：
1、用户可以选择一张图片。然后在选择多张。
2、用户可以选择玩图片，上传后，不提交，直接关闭窗口。
问题：
a.前台怎样能判断图片数量。（不想上传的时候就入表了）.
b.上传后台不入表，通过提交时候在全部处理，怎么去获取场景1的所有数据。
鱼友们有好的解决思路和方案一起讨论下。
鱼C读书公会 不能用别人造好的轮子嘛？我都是用百度webupload之类的，git上搜一下？ 网上很多控件，还能直接拖进去，然后点上传 本帖最后由 破灬王 于 2018-8-28 11:27 编辑
已经解决了，还是感谢大家的回答。
说一下解决的思路
第一种方法：
1、判断，上传图片判断图片名称是否有逗号，有提示重新上传图片
2、把上传成功的图片路径、名字，用逗号隔开拼接起来
3、判断图片的数量,需要两个存放（用hidden 隐藏来存放数据）切割之后的数据,切割完之后加上file.files.length判断图片数量是否超过5张
4、图片路径和图片名称长度需保持一致循环遍历展示。
5、点击保存时把存放的图片路径和图片名称数据带过去，入表。
删除功能
1、根据上传图片的路径来匹配数组，得到下标
2、 在根据下标删除
3、根据父标签来得到所有的子元素(我这里用的是DIV)
4、然后在展示删除过后的数组就行了
第二种：用的 layui框架来解决，这种容易很多.
layui.upload
页:
[1]