ajaxSubmit上传文件出现下载提示框问题

今天在使用jquery.form插件的ajaxSubmit上传文件时，在IE、chorme下测试，老是出现下载文件的提示框，谷歌百度了半天，基本没有人说明是什么原因的，在查看了jquery.form的源码时，发现了下面的代码：

 
        if 
         (options.iframe !==  
        false 
         && (options.iframe || shouldUseFrame)) { 
       
         (options.closeKeepAlive) { 
       
        @H_301_70@ 
        $.get(options.closeKeepAlive, 
        function 
        () { 
       
        @H_301_70@fileUploadIframe(a); 
       
        @H_301_70@}); 
       
        @H_301_70@} 
       
        else 
         { 
       
        @H_301_70@fileUploadIframe(a); 
       
        @H_301_70@} 
       
        @H_301_70@} 
       
        else 
         if 
         ((hasFileInputs || multipart) && fileAPI) { 
       
        @H_301_70@fileUploadXhr(a); 
       
        @H_301_70@} 
       
        @H_301_70@ { 
       
        @H_301_70@$.ajax(options); 
       
        @H_301_70@}

@H_403_144@在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就有可能出现下载提示框。

ajaxSubmit上传文件出现下载提示框问题

猜你在找的Ajax相关文章