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

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

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

首先是web.xml

 
 配置SpringMVC的前端控制器
 upload
 org.springframework.web.servlet.DispatcherServlet
 
 contextConfigLocation
 classpath:applicationContext.xml
 
 1
 
 
 upload
 /
 
 
 
 解决参数传递过程中的乱码问题
 CharacterEncodingUTF8
 org.springframework.web.filter.CharacterEncodingFilter
 
 encoding
 UTF-8
 
 
 
 CharacterEncodingUTF8
 
@Controller
@RequestMapping("/test")
public class FileUploadController {
 
 @RequestMapping(value="/fileUpload")
 public String addUser(@RequestParam("uname") String uname, @RequestParam MultipartFile[] myfiles, HttpServletRequest request, HttpServletResponse response) throws IOException{
 //可以在上传文件的同时接收其它参数
 System.out.println("收到用户[" + uname + "]的文件上传请求");
 //如果用的是Tomcat服务器，则文件会上传到\%TOMCAT_HOME%\webapps\YourWebProject\upload\文件夹中
 //这里实现文件上传操作用的是commons.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注解
 //上传多个文件时,前台表单中的所有的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:Developapache-tomcat-6.0.36webappsAjaxFileUpload\upload愤怒的小鸟.jpg]
 //System.out.println(realPath + "\" + originalFilename);
 //此时在Windows下输出的是[/AjaxFileUpload/upload/愤怒的小鸟.jpg]
 //System.out.println(request.getContextPath() + "/upload/" + originalFilename);
 //不推荐返回[realPath + "\" + originalFilename]的值
 //因为在Windows下能被firefox显示,而firefox是不认的
 out.print("0`" + request.getContextPath() + "/upload/" + originalFilename);
 out.flush();
 return null;
 }
}

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

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