ajaxSubmit上传文件出现下载提示框问题
2013-09-09 00:00
405 查看
今天在使用jquery.form插件的ajaxSubmit上传文件时,在IE、chorme下测试,老是出现下载文件的提示框,谷歌百度了半天,基本没有人说明是什么原因的,在查看了jquery.form的源码时,发现了下面的代码:
所以因为是用隐藏iframe提交的表单,如果服务器返回的是“application/json”类型的数据,IE和Chrome默认是下载文件的,因为内容是返回给了iframe,而不是ajaxSubmit的success方法。在iframe加载了返回结果后,ajaxSubmit的success方法是去读取iframe的内容来转换成json对象使用。
解决办法就是,在ajaxSubmit提交表单的配置里面,增加一个参数,服务器端判断是否是ajaxSubmit提交过来的表单,是的话就返回“text/html”类型的内容,不是就可以返回“application/json”的。
简单的说就是ajaxSubmit上传文件的话,返回的内容只能是网页内容的,否则IE就有可能出现下载提示框。
if (options.iframe !== false && (options.iframe || shouldUseFrame)) { if (options.closeKeepAlive) { $.get(options.closeKeepAlive, function() { fileUploadIframe(a); }); } else { fileUploadIframe(a); } } else if ((hasFileInputs || multipart) && fileAPI) { fileUploadXhr(a); } else { $.ajax(options); }在ajaxSubmit提交表单的时候,如果表单内有文件上传的话,会判断参数是否配置的iframe为false参数,如果没有,会用创建隐藏iframe方式提交表单,如果设定了iframe为false,则判断浏览器是否支持HTML5的fileAPI,支持就直接使用XHR方式提交,否则就当作普通表单提交。
所以因为是用隐藏iframe提交的表单,如果服务器返回的是“application/json”类型的数据,IE和Chrome默认是下载文件的,因为内容是返回给了iframe,而不是ajaxSubmit的success方法。在iframe加载了返回结果后,ajaxSubmit的success方法是去读取iframe的内容来转换成json对象使用。
解决办法就是,在ajaxSubmit提交表单的配置里面,增加一个参数,服务器端判断是否是ajaxSubmit提交过来的表单,是的话就返回“text/html”类型的内容,不是就可以返回“application/json”的。
简单的说就是ajaxSubmit上传文件的话,返回的内容只能是网页内容的,否则IE就有可能出现下载提示框。
相关文章推荐
- form.js插件 利用ajaxSubmit上传文件时ie总出现下载提示框
- 解决ie下ajaxsubmit上传文件提示下载文件问题
- 解决ie下ajaxsubmit上传文件提示下载文件问题
- 解决IE下AjaxSubmit上传文件提示下载文件问题
- ajaxFileUpload上传文件时IE浏览器弹出下载提示问题处理
- ajaxFileUpload上传文件后提示下载的问题
- ajaxSubmit上传文件出现下载提示框问题
- ie8 ajaxSubmit上传文件提示下载和提交表单两次
- ajaxfileUpload.js 上传文件 IE浏览器提示下载json的问题
- spring mvc 用ajaxSubmit 在iE8上传文件变下载的问题
- strutsmvc ajaxForm提交表单ie出现json文件下载问题解决
- IE使用ajaxFileUpload上传文件后台返回json类型前台弹出下载提示框
- 如何解决“文件上传返回JSON数据,在IE下提示下载文件”的问题?
- 用 ajaxFileUpload 出现的问题:has no method 'handleError'、返回json数据提示下载 、一直返回error
- 处理文件上传后返回json数据在IE出现文件下载问题
- IE下AjaxForm上传文件直接提示下载的兼容性Bug
- 用 ajaxFileUpload 出现的问题:has no method 'handleError'、返回json数据提示下载
- springMvc解决IE浏览器访问ajax请求出现文件下载假象的问题
- Plupload控件在IE9下不能上传、文件尺寸为空、出现下载对话框问题解决
- 上传文件返回的json数据会被提示下载问题解决方案