多个附件上传能在前端删除和新增的步骤。

附件上传最好在change事件的时候就将附件上传至服务器，然后将对应的附件参数返回给页面实现数据新增。

多附件上传首先在file标签里面加上multiple属性，例如：multiple style="margin-top:3px;width: 65px;height: 20px;display: inline-block"/>

新增操作的步骤：第一种方法

1，创建一个表单

var FormData =new FormData();

var arr=[];

2，将file对象放入数组中

$("#uploadFile").change(function () {
    var fileList=this.files;
    for(var i=0;i"+fileList[i].name+"");
        $.parser.parse($("#fjhtml"));
        arr.push(fileList[i]);
    }
    //清空input file标签的内容
    $(this).val("");
});

3，用ajax提交数据，type为post型

//数组删除用splice
//将文件放入表单  
for( var i=0;i   FormData.append("file",arr[i]);
}$.ajax({
    url: url,
    type: "POST",
    data: FormData,
    contentType: false,
    processData: false,
    success: function () {
        alert(1);
    }
})

4，后台获取

参数中加入@RequestParam("file") MultipartFile[] files即可获取

@RequestMapping(value = "/save",method = RequestMethod.POST)
   @ResponseBody
public void save(@RequestParam("file") MultipartFile[] files, HttpServletRequest request, HttpServletResponse resp)