入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

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

创建时间:2016-10-24 投稿人: 浏览次数:8391

需要引用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。