SpringMVC结合ajaxfileupload.js实现文件无刷新上传

时间:2021-05-19

本文实例为大家分享了ajaxfileupload.js实现文件无刷新上传的具体代码,供大家参考,具体内容如下

直接看代码吧,注释都在里面

首先是web.xml

<?xml version="1.0" encoding="UTF-8"?><web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://mons.io.FileUtils类,它会自动判断/upload是否存在,不存在会自动创建 String realPath = request.getSession().getServletContext().getRealPath("/upload"); //设置响应给前台内容的数据格式 response.setContentType("text/plain; charset=UTF-8"); //设置响应给前台内容的PrintWriter对象 PrintWriter out = response.getWriter(); //上传文件的原名(即上传前的文件名字) String originalFilename = null; //如果只是上传一个文件,则只需要MultipartFile类型接收文件即可,而且无需显式指定@RequestParam注解 //如果想上传多个文件,那么这里就要用MultipartFile[]类型来接收文件,并且要指定@RequestParam注解 //上传多个文件时,前台表单中的所有<input type="file"/>的name都应该是myfiles,否则参数里的myfiles无法获取到所有上传的文件 for(MultipartFile myfile : myfiles){ if(myfile.isEmpty()){ out.print("1`请选择文件后上传"); out.flush(); return null; }else{ originalFilename = myfile.getOriginalFilename(); System.out.println("文件原名: " + originalFilename); System.out.println("文件名称: " + myfile.getName()); System.out.println("文件长度: " + myfile.getSize()); System.out.println("文件类型: " + myfile.getContentType()); System.out.println("========================================"); try { //这里不必处理IO流关闭的问题,因为FileUtils.copyInputStreamToFile()方法内部会自动把用到的IO流关掉 //此处也可以使用Spring提供的MultipartFile.transferTo(File dest)方法实现文件的上传 FileUtils.copyInputStreamToFile(myfile.getInputStream(), new File(realPath, originalFilename)); } catch (IOException e) { System.out.println("文件[" + originalFilename + "]上传失败,堆栈轨迹如下"); e.printStackTrace(); out.print("1`文件上传失败,请重试!!"); out.flush(); return null; } } } //此时在Windows下输出的是[D:\Develop\apache-tomcat-6.0.36\webapps\AjaxFileUpload\\upload\愤怒的小鸟.jpg] //System.out.println(realPath + "\\" + originalFilename); //此时在Windows下输出的是[/AjaxFileUpload/upload/愤怒的小鸟.jpg] //System.out.println(request.getContextPath() + "/upload/" + originalFilename); //不推荐返回[realPath + "\\" + originalFilename]的值 //因为在Windows下<img src="file:///D:/aa.jpg">能被firefox显示,而<img src="D:/aa.jpg">firefox是不认的 out.print("0`" + request.getContextPath() + "/upload/" + originalFilename); out.flush(); return null; }}

更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章