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

需要引用jquery-form.js 下载地址http://plugins.jquery.com/form/

1、之前的项目一直使用formData的方式上传文件到后台处理，但新项目要求支持ie9，ie9不能有效支持formData，只能使用ajaxSubmit的方式上传文件前台代码

[html] view plaincopy

<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、后台代码如下：

[java] view plaincopy

@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

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

解决IE8下上传文件问题，无需flash，无需html5
解决IE8下上传文件问题场景:实现上传文件功能,重写上传按钮样式,并需要得到后台返回的数据来动态修改页面. 要求:不需要flash以及其他额外需要的东西. 尝试过的方法:1.webuploader. ...
ajax提交无反应,IE中jquery.form中ajax提交没反应解决方法分享
花了三个钟头,反复查,发现,原来是改了处理页面的返回头信息. 加上了 application/x-javascript ,ie8就不干活了. 如果是text/html,就行,或者不指定也行. 算bug ...
解决不同浏览器上传文件filename不一样问题
解决不同浏览器上传文件filename不一样问题(学习自用) 今天在做实验的时候发现在不同的浏览器上上传文件的filename不一致在ie浏览器的结果在chrom浏览器中却能成功解决方案:
vue method ajax上传文件,前端上传文件追根溯源_和_antd_vue上传文件实例
背景平,过现前个能文使近记接的端问对字用近记接时工作中经常会遇到需要上传文件的情况,如果你用ant design 或者element ,它们都提供了上传的组件. 我们分别来看一下element 和 ...
exif.js解决ios手机上传照片后显示为旋转90度问题（兼容ios13.4之前的版本）
exif.js解决ios手机上传照片后显示为旋转90度问题(兼容ios13.4 ) 问题描述: 在做手机移动端app时,发现iOS12.5.1版本(iphone6)上传照片出现顺时针旋转90问题,ip ...
服务器上传文件杀毒,一种实现文件上传网站后自动进行杀毒的方法及系统
1. 一种实现文件上传网站后自动进行杀毒的系统,其特征在于,包括: 服务器端监控模块,用于对每一个上传到服务器的文件进行监控: 服务器端的杀毒模块,用于对上传到服务器的文件进行病毒查杀: 位于服务器端 ...
xshell往linux传文件,Xshell向Linux服务器上传文件的详细步骤
相信Linux用户对Xshell远程管理软件都不陌生的,不过对于一些新手朋友来讲,向Linux服务器上传文件可能还存在难度,这里小编就分享了Xshell向Linux服务器上传文件的详细步骤,下面一起来 ...
html得到上传文件类型后缀,js获取上传文件后缀名（附js提交form表单）
js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...
php获取上传文件路径 fakepath,JavaScript_js获取上传文件的绝对路径实现方法，在html中input type=file - phpStudy...
js获取上传文件的绝对路径实现方法在html中 function upload() { var filename = document.getElementById("importFile ...

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

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

最新文章

热门文章