实际开发过程中经常会遇到这样的需求,文件上传,但不需要表单提交,这里可以通过formData来实现
参考资料:http://yunzhu.iteye.com/blog/2177923
http://www.jianshu.com/p/46e6e03a0d53
//需要支持多文件上传的需要添加multiple 属性
<input type="file" class="update_btn excel_btn" multiple />
js代码如下
<!-- 用于上传文件 ,可实现同时上传过个文件--
![](https://i-blog.csdnimg.cn/blog_migrate/35d7110cc8dc810c517b17cf444a9101.png)
后台处理代码如下:
/*
* 实现同时上传多个文件
* MultipartFile[] files 来自表单上的参数需要保持一致
*
*/
@RequestMapping("createDataFromFiles")
public String upload(@RequestParam MultipartFile[] files,HttpServletRequest request) throws IOException{
for(MultipartFile myfile : files){
if(myfile.isEmpty()){
System.out.println("文件未上传");
}else{
System.out.println("文件原名: " + myfile.getOriginalFilename());
//如果用的是Tomcat服务器,则文件会上传到\\%TOMCAT_HOME%\\webapps\\YourWebProject\\WEB-INF\\upload\\文件夹中
String realPath = request.getSession().getServletContext().getRealPath("static/bi/upload");
System.out.println(realPath);
//更改上传后的文件名,防止文件名冲突,保证上传文件的唯一性,PrimaryKeyGenerator生成一个唯一的主键
String destFile=PrimaryKeyGenerator.uuid()+myfile.getOriginalFilename();
//这里不必处理IO流关闭的问题,因为FileUtils.copyInputStreamToFile()方法内部会自动把用到的IO流关掉,我是看它的源码才知道的
FileUtils.copyInputStreamToFile(myfile.getInputStream(), new File(realPath, destFile));
}
}
return "success";
}
大功告成------