formData + ajax +springMVC实现文件上传
实际开发过程中经常会遇到这样的需求,文件上传,但不需要表单提交,这里可以通过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://images2015.cnblogs.com/blog/1098152/201702/1098152-20170210130805822-1190004300.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"; }
大功告成------