多次点击file上传，信息保存在js集合中，不覆盖上次点击信息，js上传多张图片

页面只有一个input file按钮，一个确认上传按钮，要求：多次点击上传，吧图片信息保存入集合，点击确认按钮，上传所有图片

多次点击这一个按钮上传图片，在js中保存为集合，但是遇到一个问题，当我点击第二次的时候，传过来的this信息会顶替掉上一次的this信息，

也就是：上传两次，集合中有两组数据，但是这两组数据都为最后一次点击的信息。

我需要的结果为：上传两次，集合中有两组数据，每组数据为每次上传的图片所有信息（相当于每次传过来的this数据）。

在网上查了许久，也没有改正过来，幸运的是，找到的最终的解决方案：

直接上核心代码：

选择图片
//点击上传，这里是我们需要添加的方法，每次点击执行
确定上传//这里可以写自己上传的ajax方法

走到这一步 保存为集合已经完成

扩展：上传步骤

var fd = new FormData();//定义一个存放图片信息地方
for(var i=0;i<=dellist.length;i++){
	fd.append("file",dellist);//遍历集合，放入存放图片的formdata中
}

//自己定义的上传方法

function uping(){
$.ajax({
		url : 'XXXXX',//访问后台的上传方法路径
		data : fd,       //保存的formdata集合
		type : 'POST',
		cache : false,
		processData : false,
		contentType : false,
		beforeSend : function(data) {
			//加载中事件
			var loading = $('#fountainG');
			loading.show();                    //id为fountainG的div，里面存放着一张加载中的动态图片
		},
		success : function(data) {
			//执行成功事件，并关闭加载中事件
			var loading = $('#fountainG');
			loading.hide();
                	alert("上传成功");  
       
		},
		error : function(data) {
			//错误返回事件
			var loading = $('#fountainG');
			$('#image-list').html("");//展示列表为空
			loading.hide();//关闭加载中图片
			alert(data);
		}
	});
}

后台接收的方法
 

@RequestMapping(value = "/upload.do")  
	    public @ResponseBody String upload(@RequestParam(value = "file") CommonsMultipartFile[] files, String phone, String[] imgName) {  //上传图片
		 return picService.insertPic(phone,files,teacherUrl,imgName);
	    } 

@Override
	@Transactional
	public String insertPic(String phone, CommonsMultipartFile[] files, String teacherUrl, String[] imgName) {
		// TODO Auto-generated method stub
		try {  
			for(int i = 0;i0) {
			        	for (String n : imgName) {//如果相片名称在删除名称集合中，则不保存
							if (fileName.equals(n)) {
								mark=false;
								break;
							}
						}
					}
			        if (mark) {
			        	 File targetFile = new File(path+File.separator+phone, phone+"_"+fileName);  
				        if(!targetFile.exists()){  
				            targetFile.mkdirs();  
				            picDao.insertPic(phone+"_"+fileName,phone);//如果照片没有上传保存记录
				        } 
				        //保存  
				        file.transferTo(targetFile);  
					}
			 }
        } catch (Exception e) {  
        	e.printStackTrace();
            return "fail";  
        }
		return "sucess";
	}