ajax 批量上传图片方案

破灬王

首先交代一下背景：最近在做一个批量上传图片的需求.  上传的图片最大不能超过5张
我的思路：1、前台通过FormData 来接收for表单提交的数据，点击上传
                2、后台Controlelr层用 HttpServletRequest 来接收前台数据，把图片上传到服务器，获取图片路径保存到数据库，在通过查询和提交的数量进行累加. 判断图片数量.
    场景：
        1、用户可以选择一张图片。然后在选择多张。
        2、用户可以选择玩图片，上传后，不提交，直接关闭窗口。

   问题：
        a.前台怎样能判断图片数量。（不想上传的时候就入表了）.
        b.上传后台不入表，通过提交时候在全部处理，怎么去获取场景1的所有数据。





鱼友们有好的解决思路和方案一起讨论下。
        
  

FavouritePython

不能用别人造好的轮子嘛？我都是用百度webupload之类的，git上搜一下？

865173901

网上很多控件，还能直接拖进去，然后点上传

破灬王

已经解决了，还是感谢大家的回答。
说一下解决的思路
第一种方法：
      1、判断，上传图片判断图片名称是否有逗号，有提示重新上传图片
      2、把上传成功的图片路径、名字，用逗号隔开拼接起来
      3、判断图片的数量,需要两个存放（用hidden 隐藏来存放数据）切割之后的数据,切割完之后加上file.files.length判断图片数量是否超过5张
      4、图片路径和图片名称长度需保持一致循环遍历展示。
      5、点击保存时把存放的图片路径和图片名称数据带过去，入表。
删除功能
1、根据上传图片的路径来匹配数组，得到下标
2、 在根据下标删除
3、根据父标签来得到所有的子元素(我这里用的是DIV)
4、然后在展示删除过后的数组就行了
第二种：用的 layui框架来解决，这种容易很多.
             layui.upload