zoukankan      html  css  js  c++  java
  • ajaxSubmit上传文件出现下载提示框问题

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

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

  • 相关阅读:
    存储结构接收数组
    oracle数据库sql根据查看执行计划优化sql--走不走索引
    多线程--Thread
    java常用集合族谱
    设计模式之二 适配模式
    Tomcat优化问题
    设计模式之一
    C++虚函数表,虚表指针,内存分布
    设计模式
    linux环境下的时间编程
  • 原文地址:https://www.cnblogs.com/eterwei/p/3622161.html
Copyright © 2011-2022 走看看