jquery-form中ajaxSubmit提交文件,以及解决ie9下上传文件后自动下载问题
需要引用jquery-form.js 下载地址http://plugins.jquery.com/form/
1、之前的项目一直使用formData的方式上传文件到后台处理,但新项目要求支持ie9,ie9不能有效支持formData,只能使用ajaxSubmit的方式上传文件前台代码
<form id="upload-file" method="post" enctype="multipart/form-data" hidden="hidden"> <input id="import-batch" type="file" name="file" onchange="batchImport2();" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /> </form> function batchImport2() { var options = { url : "ajax/import/", success : function(data) { var returnData = JSON.parse(data); 。。。。 }, resetForm : true, }; $.("#upload-file").ajaxSubmit(options); }
2、后台代码如下:
@RequestMapping(value = "......", method = RequestMethod.POST, produces = {"text/html;charset=UTF-8"}) public String upload(HttpServletRequest request, HttpServletResponse response, @RequestParam(value = "file") MultipartFile file) throws EncryptedDocumentException, InvalidFormatException, WrongFileException, FileRowErrorException, Exception { //TODO 上传文件处理代码 return ... //json 格式的返回信息 }
注意前端代码中不能指定dataType
后台代码中一定要指定返回格式为 text/html,如果不这样做在ie9总返回值会变为下载格式
注意ajaxSubmit上传方式为异步上传,目前我没有找到同步上传的方法
options的其他参数注释如下:
http://jquery.malsup.com/form/#options-object
声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。
- 上一篇: 支付接口
- 下一篇:没有了