jquery-form中ajaxSubmit提交文件，以及解决ie9下上传文件后自动下载问题

最新推荐文章于 2024-07-15 15:38:12 发布

玩家六

最新推荐文章于 2024-07-15 15:38:12 发布

阅读量1.3w

点赞数

分类专栏： javaweb js 文章标签： ie 9 ajaxSubmit 浏览器兼容

本文链接：https://blog.csdn.net/jslcylcy/article/details/52912889

版权

javaweb 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

需要引用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"
					οnchange="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