1.form声明如下

2.ajax设置如下

var formData = new FormData(document.getElementById("form"));

$.ajax({

url:document.form.action,

type:"POST",

data:formData,

processData:false,   //  告诉jquery不要处理发送的数据

contentType:false,   // 告诉jquery不要设置content-Type请求头

success:function(data){

if(data == "ok"){

window.parent.splitpageform.submit();

}

},

error:function(data){

}

});

3.后台controller接收方法

//将所有的照片都变成附件，这个是领用人上传照片节点要用到的，空的也加入list

public static List getMultipartFilesContainEmpty(HttpServletRequest request){

List attachs = new ArrayList();

try{

//创建一个通用的多部分解析器

CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());

//判断 request 是否有文件上传,即多部分请求

if(multipartResolver.isMultipart(request)){

//转换成多部分request

MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest)request;

//取得request中的所有文件名

Iterator iter = multiRequest.getFileNames();

while(iter.hasNext()){

//取得上传文件

String key =  iter.next();

List files = multiRequest.getFiles(key);

if(files != null && files.size() > 0 ){

for(MultipartFile file : files){

Attachment attach = FileLoad.upLoad(request, file);

if(null != attach){

attach.setTablename(key);

}else{

attach = new Attachment();

attach.setTablename("empty");

}

attachs.add(attach);

}

}

}

return attachs;

}

return attachs;

}catch(Exception e){

e.printStackTrace();

return attachs;

}

}

通过ajax提交表单上传文件

//这是看的大神的.//原地址:https://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html $("#sub" ...

一个ajax实现表单上传文件的神器 formdata

通过传统的form表单提交的方式上传文件: $.ajax({ url : "http://localhost:8080/STS/rest/user", type : "P ...

使用FormData上传文件、图片

关于FormData XMLHttpRequest Level 2添加了一个新的接口  ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XM ...

egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名

egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名 评论:10 · 阅读:8437· 喜欢:0 一.需求 二.CSRF 校验 三.通过 form 表单上传文件 四.通过 ...

jQuery+php+ajax实现无刷新上传文件功能

jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码