SpringMVC实现文件上传,直接上代码:

后台代码:

01 @RequestMapping(value = "/uploadApk")
02 @ResponseBody
03 public Object uploadApk(
04         @RequestParam(value = "apkFile") MultipartFile apkFile,
05         HttpServletRequest request, HttpServletResponse response) {
06     Map<String,Object> resMap = new HashMap<String,Object>();
07     if (apkFile != null) {
08         //获取保存的路径,
09         String realPath = request.getSession().getServletContext()
10                 .getRealPath("/upload/apk");
11         if (apkFile.isEmpty()) {
12             // 未选择文件
13             resMap.put("status", StatusConstants.STATUS_PARM_IS_EMPTY);
14         } else{
15             // 文件原名称
16             String originFileName = apkFile.getOriginalFilename();
17             try {
18                 //这里使用Apache的FileUtils方法来进行保存
19                 FileUtils.copyInputStreamToFile(apkFile.getInputStream(),
20                         new File(realPath, originFileName));
21                 resMap.put("status",StatusConstants.STATUS_OK);
22             } catch (IOException e) {
23                 System.out.println("文件上传失败");
24                 resMap.put("status", StatusConstants.STATUS_EXECPTION);
25                 e.printStackTrace();
26             }
27         }
28  
29     }
30     return resMap;
31 }

Spring配置文件中需要添加如下内容:

01 <!-- SpringMVC上传文件时,需配置MultipartResolver处理器 -->
02 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
03     <!-- 指定所上传文件的总大小不能超过80M......注意maxUploadSize属性的限制不是针对单个文件,而是所有文件的容量之和 -->
04     <property name="maxUploadSize" value="80000000"/>
05 </bean>
06   
07 <!-- SpringMVC在超出上传文件限制时,会抛出org.springframework.web.multipart.MaxUploadSizeExceededException -->
08 <!-- 该异常是SpringMVC在检查上传的文件信息时抛出来的,而且此时还没有进入到Controller方法中 -->
09 <bean id="exceptionResolver" class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">
10     <property name="exceptionMappings">
11         <props>
12             <!-- 遇到MaxUploadSizeExceededException异常时,自动跳转到/WEB-INF/jsp/error_fileupload.jsp页面 -->
13             <prop key="org.springframework.web.multipart.MaxUploadSizeExceededException">error_fileupload</prop>
14         </props>
15     </property>
16 </bean>

jsp页面内容(这里结合的EasyUi的一些内容):

01 function ajaxFileUpload(){
02     //获取软件更新详情
03     var apkIntroduce = $("#apkInfo").val();
04     //开始上传文件时显示一个图片,文件上传完成将图片隐藏
05     //$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();});
06     //执行上传文件操作的函数,使用encodeURI方法,防止传输中文字符的时候出现乱码
07     var uploadUrl = encodeURI(encodeURI(basePath + "uploadApk.do?apkIntroduce="+apkIntroduce));
08     $.ajaxFileUpload({
09         //处理文件上传操作的服务器端地址(可以传参数,已亲测可用)
10         url:uploadUrl,
11 //      url:basePath + "uploadApk.do?apkIntroduce="+apkIntroduce,
12         secureuri:false,                       //是否启用安全提交,默认为false
13         fileElementId:'apkFile',           //文件选择框的id属性
14         dataType:'text',                       //服务器返回的格式,可以是json或xml等
15         success:function(data, status){        //服务器响应成功时的处理函数
16             data = data.replace("<PRE>", '');  //ajaxFileUpload会对服务器响应回来的text内容加上<pre>text</pre>前后缀
17             data = data.replace("</PRE>", '');
18             data = data.replace("<pre>", '');
19             data = data.replace("</pre>", ''); //本例中设定上传文件完毕后,服务端会返回给前台[0`filepath]
20              
21             //将String字符串转换成json
22             var dataset = $.parseJSON(data);
23             if(dataset.status == "ok"){
24                 $('#result').html("Apk上传成功
25 ");
26                 $.messager.alert("提示","上传成功");
27                  
28                 //关闭添加窗口
29                 addApkWindow.window('close');
30                 //刷新页面
31                 datagrid.datagrid('reload');
32                  
33             }else if ( dataset.status == "parm_is_empty"){
34                 $('#result').html("没有选择APK!");
35             }else {
36                 $('#result').html('Apk上传失败,请重试!!');
37             }
38         },
39         error:function(data, status, e){ //服务器响应失败时的处理函数
40             console.log(e);
41             console.log(data);
42             $('#result').html('APK上传失败,请重试!!');
43         }
44     });
45 }

Html页面代码:

01     <div id="addApkWindows">
02      
04         <div id="result"></div>
05 <!--         <img id="uploadImage" src="http://www.firefox.com.cn/favicon.ico"> -->
06         软件更新详情:
07  
08         <textarea rows="2" cols="30" id="apkInfo"></textarea>
09          
10 上传文件:
11  
12         <input type="file" id="apkFile" name="apkFile"/>
13  
14         <input type="button" value="上传" onclick="ajaxFileUpload()"/>
15  
16     </div>

上面的JSP代码中,使用到了JS中的encodeURI方法,这个的目的是为了防止在传递中文参数时的乱码问题,当然,如果只传文件的话,则没有必要使用encodeURI

SpringMVC实现ajax文件上传的更多相关文章

  1. springmvc+ajax文件上传

    环境:JDK6以上,这里我是用JDK8,mysql57,maven项目 框架环境:spring+springmvc+mybaits或spring+springmvc+mybatis plus 前端代码 ...

  2. 使用ajax提交form表单,包括ajax文件上传 转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

    使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },&qu ...

  3. AJAX文件上传实践与分析,带HTML5文件上传API。

    对于HTML5已经支持AJAX文件上传了,但如果需要兼容的话还是得用一点小技巧的,HTML5等等介绍,先来看看以前我们是怎么写的. 网上可能会有一些叫AJAX文件上传插件,但在AJAX2.0之前是不可 ...

  4. 兼容ie的jquery ajax文件上传

    Ajax文件上传插件很多,但兼容性各不一样,许多是对ie不兼容的,另外项目中是要求将网页内容嵌入到桌面端应用的,这样就不允许带flash的上传插件了,如:jquery uploadify...悲剧 对 ...

  5. jQuery插件AjaxFileUpload实现ajax文件上传

    转自:http://www.cnblogs.com/linjiqin/p/3530848.html jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个 ...

  6. ajax 文件上传,ajax

    ajax 文件上传,ajax 啥也不说了,直接上代码! <input type="file" id="file" name="myfile&qu ...

  7. 转: 如何实现jQuery的Ajax文件上传

    [PHP文件上传] 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的.实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用上 ...

  8. [代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传

    原文 [代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传 Fine Uploader(http://fineuploader.com/)是一个实现 ajax 上传文件 ...

  9. php+ajax文件上传

    php+ajax文件上传 html: <input id="user_real_name" class="input_show" type="t ...

随机推荐

  1. Django实现的博客系统中使用富文本编辑器ckeditor

    操作系统为OS X 10.9.2,Django为1.6.5. 1.下载和安装 1.1 安装 ckeditor 下载地址 https://github.com/shaunsephton/django-c ...

  2. 用canal监控binlog并实现mysql定制同步数据的功能

    业务背景 写任何工具都不能脱离实际业务的背景.开始这个项目的时候是因为现有的项目中数据分布太零碎,零零散散的分布在好几个数据库中,没有统一的数据库来收集这些数据.这种情况下想做一个大而全的会员中心系统 ...

  3. 若菜acmer感觉自己智商全然被碾压了QAQ~~

    题目大意是:输入n,m,给出n*m(n.m<=100)的不是正规的布满棋子的棋盘,求最少改几个棋子能够使得棋盘正规,正规的棋盘必须是每一个相邻的棋子颜色都不同(仅仅有黑白两种,用0,1取代) 比 ...

  4. METEOR_PACKAGE_DIRS 无效

    windows中设置METEOR_PACKAGE_DIRS不起作用,一直提示找不到PACKAGES的原因. METEOR_PACKAGE_DIRS设置的路径太长了. 在系统属性 -->高级--& ...

  5. [WASM] Access WebAssembly Memory Directly from JavaScript

    While JavaScript has a garbage-collected heap, WebAssembly has a linear memory space. Nevertheless u ...

  6. PS 如何使用液化工具给人物减肥

    进入"液化", 有个收缩按钮, 可以选择范围大小, 想瘦哪里, 瘦多少都OK   最终效果图     1.打开原图,进入通道面板,选择菜单图像计算,计算红色通道,保留人物见图.   ...

  7. RecyclerView的万能切割线

    效果图: 用法: 加入默认切割线:高度为2px.颜色为灰色 mRecyclerView.addItemDecoration(new RecycleViewDivider(mContext, Linea ...

  8. Js学习第十天----函数

    函数 什么是函数?函数是由事件驱动的或者当他被调用时运行的可反复使用代码块.预计没明确,个人觉得函数就是能完毕一个功能的代码块. 看个案例: <!DOCTYPE html> <htm ...

  9. 双向队列(STL做法)

    双向队列 Time Limit: 1000ms   Memory limit: 65536K  有疑问?点这里^_^ 题目描写叙述 想想双向链表--双向队列的定义差点儿相同,也就是说一个队列的队尾同一 ...

  10. 全国省市区三级联动js

    function Dsy(){ this.Items = {}; } Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray; ...