springMVC MultipartFile html5 多文件上传

来源:互联网 发布:石家庄seo顾问服务 编辑:程序博客网 时间:2024/05/22 12:11

Web端:

1. form表单提交:

<form enctype="multipart/form-data" method="post"><input type="file" name="manyFiles" multipart id="manyFiles"/></form>

2. js 提交方式:

var files = $('#manyFiles').srcElement.files;//这里需要注意下var fd = new FormData();for(var i = 0, l = files.length; i < l ; i++)fd.append('manyFiles', files[i]);var args = {method:'POST', url:url, data:fd, headers:{'Content-Type':undefined},transformRequest:Ya(b){return b;}};//Ya(b){return b;} 出自angularjs的angular.identity,使用angularjs就可以用angular.identity替换掉这个方法$.ajax(args).done(function(rst){}).fail(function(rst){});//注:本人使用的时候是用的angularjs,ajax中这样使用也是行的,取消掉'Content-Type',使用FormData提交

后端(java):

HttpServletRequest req;MultipartHttpServletRequest mreq =  (MultipartHttpServletRequest) req;List<MutipartFile> files = mreq.getFiles("manyFiles");

如果需要看后端完整一点的代码,可以看看本人刚开始学springMVC的那篇博客 springMVC MultipartFile file文件上传及参数接受


0 0