最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

实现Ajax的Submit上传文件时提示用户

来源:动视网 责编:小采 时间:2020-11-27 19:57:11
文档

实现Ajax的Submit上传文件时提示用户

实现Ajax的Submit上传文件时提示用户:这次给大家带来实现Ajax的Submit上传文件时提示用户,Ajax的Submit上传文件时提示用户注意事项有哪些,下面就是实战案例,一起来看一下。springmvc后端:@RequestMapping(value="scoreFileUpload",produces = &quo
推荐度:
导读实现Ajax的Submit上传文件时提示用户:这次给大家带来实现Ajax的Submit上传文件时提示用户,Ajax的Submit上传文件时提示用户注意事项有哪些,下面就是实战案例,一起来看一下。springmvc后端:@RequestMapping(value="scoreFileUpload",produces = &quo


这次给大家带来实现Ajax的Submit上传文件时提示用户,Ajax的Submit上传文件时提示用户注意事项有哪些,下面就是实战案例,一起来看一下。

springmvc后端:

@RequestMapping(value="scoreFileUpload",produces = "text/html; charset=utf-8") 
 @ResponseBody 
 public String upload(HttpSession session,@RequestParam("file1") MultipartFile file,@RequestParam("paperId") String paperId,HttpServletRequest request) { 
 //获取登录人员的id 
 Integer userId = (Integer) session.getAttribute(BaseConstant.SESSION_UERID_KEY); 
 JSONObject json = new JSONObject(); 
 if (request instanceof MultipartHttpServletRequest) { 
 //获取上传文件的文件名 
 String fileName = file.getOriginalFilename(); 
 String subfix = FileUtils.getFileExtend(fileName); 
 } 
return ""; 
 }

js:端

$('#fileForm').submit(function() { 
 var _businessDetailId = $("#businessDetailId").val(); 
 var _paperId = $("#paperId").val(); 
 var url = "scoreFileUpload?paperId="+_paperId+"&businessDetailId="+_businessDetailId; 
 var optionss = { 
 dataType:"text/html", 
 type:'post', 
 url: url, 
 // beforeSubmit:showRequest, 
 complete:showResponse, 
 clearForm:false, 
 timeout: 3000000 
 }; 
 //提交表单 
 $(this).ajaxSubmit(optionss); 
 // !!! Important !!! 
 // 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false 
 return false; 
 });<pre name="code" class="javascript">function showResponse(data) { 
 data = JSON.parse(data.responseText); 
 if(data.type != null) { 
 } 
}

如果返回的类型是json,这种问题只在ie下出现过,chrome和firefox则正常。为了解决问题,只能返回text/html。
后端返回的类型不能是json,而是text/html,然后把返回的类型转换为json类型。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

Ajax+Spring实现文件上传

怎么用Ajax实现动态加载数据的功能

文档

实现Ajax的Submit上传文件时提示用户

实现Ajax的Submit上传文件时提示用户:这次给大家带来实现Ajax的Submit上传文件时提示用户,Ajax的Submit上传文件时提示用户注意事项有哪些,下面就是实战案例,一起来看一下。springmvc后端:@RequestMapping(value="scoreFileUpload",produces = &quo
推荐度:
标签: 文件 显示 上传
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top