spring mvc 下使用ajaxfileupload.js 异步上传文件 并返回信息 各种问题解决
2015-04-03 15:13
1271 查看
业务需要用ajax异步上传excel文件并回传解析后的错误信息,后台spring mvc, jquery 2.1.3, ajaxfileupload.js
一 页面js代码:
二 后台代码:
IE10下返回json串会提示下载,所以ContentType设置为‘text’
三 ajaxfileupload.js 遇到过以下问题:
1.handleError 无法找到
2.上传后只执行error 函数
3.不支持IE(IE 下上传无反应)
附上改后全能的js文件。
一 页面js代码:
$("#importUserButton").click(function(){ alert("here1"); $.ajaxFileUpload({ url:serverUri+"/user/importuser", type: "POST", cache : false, secureuri:false, fileElementId:"importUserFile", dataType: "json", success : function(data) { alert(data.success); }, error : function(data) { alert("error"); } }); });
二 后台代码:
IE10下返回json串会提示下载,所以ContentType设置为‘text’
@ResponseBody @RequestMapping(value = "/importuser", method = RequestMethod.POST) public Map<String,Object> importUser(HttpServletRequest request, HttpServletResponse response) { response.setContentType("text/html;charset=UTF-8"); MultipartHttpServletRequest mulRequest = (MultipartHttpServletRequest) request; MultipartFile file = mulRequest.getFile("importUserFile"); String fileName = file.getOriginalFilename(); System.out.println("fileName:"+fileName); Workbook wb = null; try { InputStream in = file.getInputStream(); if (fileName.endsWith(".xls") || fileName.endsWith(".XLS")) { wb = new HSSFWorkbook(in); } else if (fileName.endsWith(".xlsx") || fileName.endsWith(".XLSX")) { wb = new XSSFWorkbook(in); } in.close(); } catch (IOException e) { e.printStackTrace(); } .......... .......... Map<String, Object> map = new HashMap<String, Object>(); map.put("success", "true"); return map; }
三 ajaxfileupload.js 遇到过以下问题:
1.handleError 无法找到
2.上传后只执行error 函数
3.不支持IE(IE 下上传无反应)
附上改后全能的js文件。
相关文章推荐
- 使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法
- jquery 文件上传插件ajaxfileupload.js 实现多图上传,解决文件上传后表单置空的问题
- 使用ajaxfileupload.js上传文件成功之后,不走success的解决方法
- 使用AjaxFileUpload.js实现异步文件上传示例
- 上传文件中使用ajaxfileupload.js碰到的问题
- 后台使用Spring MVC 4.15 版本 通过 ajaxFileUpload plugin插件上传文件相应时引起的一个小问题,Chrome、Firefox中出现SyntaxError:unexpected token <
- 解决ajaxfileupload上传文件在IE浏览器返回data为空问题
- 使用AjaxFileUpload.js实现异步文件上传示例
- 使用AjaxFileUpload.js实现文件异步上传
- 使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数解决办法
- ASP.NET 使用ajaxfileupload.js插件出现上传较大文件失败的解决方法(ajaxfileupload.js第一弹)
- ajaxfileUpload.js 异步文件上传 onchange问题
- 上传文件中使用ajaxfileupload.js碰到的问题
- 使用ajaxfileupload.js上传无法进回调问题终极解决
- 使用ajaxfileupload.js进行文件上传,文件可以上传成功,但是不走success回调函数解决办法。
- ajaxfileupload_v.js 解决js版本不兼容,多文件上传不解析json的问题
- struts2 使用ajaxfileupload.js上传文件,处理返回是总是进入Error函数
- file文件添加change事件,结合ajaxFileUpload使用文件上传只生效一次问题解决
- 解决网页异步上传图片时不断更换预览图片时数据库累积文件问题与ajaxUploadFile上传多个参数问题
- 上传文件中使用ajaxfileupload.js碰到的问题