设为首页 加入收藏

TOP

SpringMVC结合ajaxfileupload.js实现文件无刷新上传(三)
2017-10-13 10:36:07 】 浏览:7627
Tags:SpringMVC 结合 ajaxfileupload.js 实现 文件 刷新 上传
务器响应失败时的处理函数
$('#result').html('图片上传失败,请重试!!'); } }); } </script> <div id="result"></div> <img id="uploadImage" src="http://www.firefox.com.cn/favicon.ico"> <input type="file" id="myBlogImage" name="myfiles"/> <input type="button" value="上传图片" onclick="ajaxFileUpload()"/> <!-- AjaxFileUpload简介 官网:http://phpletter.com/Our-Projects/AjaxFileUpload/ 简介:jQuery插件AjaxFileUpload能够实现无刷新上传文件,并且简单易用,它的使用人数很多,非常值得推荐 注意:引入js的顺序(它依赖于jQuery)和页面中并无表单(只是在按钮点击的时候触发ajaxFileUpload()方法) 常见错误及解决方案如下 1)SyntaxError: missing ; before statement --检查URL路径是否可以访问 2)SyntaxError: syntax error --检查处理提交操作的JSP文件是否存在语法错误 3)SyntaxError: invalid property id --检查属性ID是否存在 4)SyntaxError: missing } in XML expression --检查文件域名称是否一致或不存在 5)其它自定义错误 --可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多 -->

最后是处理文件上传的FileUploadController.java

  1 package com.jadyer.controller;  
  2   
  3 import java.io.File;  
  4 import java.io.IOException;  
  5 import java.io.PrintWriter;  
  6   
  7 import javax.servlet.http.HttpServletRequest;  
  8 import javax.servlet.http.HttpServletResponse;  
  9   
 10 import org.apache.commons.io.FileUtils;  
 11 import org.springframework.stereotype.Controller;  
 12 import org.springframework.web.bind.annotation.RequestMapping;  
 13 import org.springframework.web.bind.annotation.RequestParam;  
 14 import org.springframework.web.multipart.MultipartFile;  
 15   
 16 /** 
 17  * SpringMVC中的文件上传 
 18  * 1)由于SpringMVC使用的是commons-fileupload实现,所以先要将其组件引入项目中 
 19  * 2)在SpringMVC配置文件中配置MultipartResolver处理器(可在此加入对上传文件的属性限制) 
 20  * 3)在Controller的方法中添加MultipartFile参数(该参数用于接收表单中file组件的内容) 
 21  * 4)编写前台表单(注意enctype="multipart/form-data"以及<input type="file" name="****"/>) 
 22  * PS:由于这里使用了ajaxfileupload.js实现无刷新上传,故本例中未使用表单 
 23  * --------------------------------------------------------------------------------------------- 
 24  * 这里用到了如下的jar 
 25  * commons-io-2.4.jar 
 26  * commons-fileupload-1.3.jar 
 27  * commons-logging-1.1.2.jar 
 28  * spring-aop-3.2.4.RELEASE.jar 
 29  * spring-beans-3.2.4.RELEASE.jar 
 30  * spring-context-3.2.4.RELEASE.jar 
 31  * spring-core-3.2.4.RELEASE.jar 
 32  * spring-expression-3.2.4.RELEASE.jar 
 33  * spring-jdbc-3.2.4.RELEASE.jar 
 34  * spring-oxm-3.2.4.RELEASE.jar 
 35  * spring-tx-3.2.4.RELEASE.jar 
 36  * spring-web-3.2.4.RELEASE.jar 
 37  * spring-webmvc-3.2.4.RELEASE.jar 
 38  * --------------------------------------------------------------------------------------------- 
 39  * @create Sep 14, 2013 5:06:09 PM 
 40  * @author 玄玉<http://blog.csdn.net/jadyer> 
 41  */  
 42 @Controller  
 43 @RequestMapping("/test")  
 44 public class FileUploadController {  
 45     /** 
 46      * 这里这里用的是MultipartFile[] myfiles参数,所以前台就要用<input type="file" name="myfiles"/> 
 47      * 上传文件完毕后返回给前台[0`filepath],0表示上传成功(后跟上传后的文件路径),1表示失败(后跟失败描述) 
 48      */  
 49     @RequestMapping(value="/fileUpload")  
 50     public String addUser(@RequestParam("uname") String uname, @RequestParam MultipartFile[] myfiles, HttpServletRequest request, HttpServletResponse response) throws IOException{  
 51         //可以在上传文件的同时接收其它参数  
 52         System.out.println(&
首页 上一页 1 2 3 4 下一页 尾页 3/4/4
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇idea的快捷键 下一篇JSP九个内置对象及指令、动作标签

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目