php - iframe 传输未传输任何数据

Question

我正在使用 jQuery-File-Upload与 jQuery-Iframe-Transport尝试获得对旧版本 IE 的支持。

我已经设置了 forceIframeTransport true 的选项，以便它在所有浏览器中的行为或多或少相同，但无论浏览器使用 iframe 传输，我似乎都没有在服务器端获取任何数据。

我已经在服务器端吐出请求 header 并返回:

array(
    Host => "*******"
    Connection => "keep-alive"
    Content-Length => "0"
    Accept => "*/*"
    Origin => "**************"
    X-Requested-With => "XMLHttpRequest"
    User-Agent => "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.57 Safari/537.17"
    DNT => "1"
    Referer => "***********"
    Accept-Encoding => "gzip,deflate,sdch"
    Accept-Language => "en-GB,en-US;q=0.8,en;q=0.6"
    Accept-Charset => "ISO-8859-1,utf-8;q=0.7,*;q=0.3"
    Cookie => "*********"
)

[*****s 指示了信息；你不需要那个;)]

看起来不错，但是 $_REQUEST 是空的(即 array())，输入缓冲区也是空的:

$handle = fopen('php://input', 'r');

$file_data = '';

while(($buffer = fgets($handle, 4096)) !== false) {
    $file_data .= $buffer;
}

fclose($handle); // $file_data = '';

当我不使用 iframe-transport 但我需要 IE 支持时，这一切都很好......有没有人有使用 iframe 传输文件的经验并且可能知道为什么没有数据通过？

---

当我使用 jQuery-File-Upload / js / jquery.iframe-transport.js 时并强制 iframe 传输它在 Chrome 中工作，但请求甚至没有到达 IE 中的服务器。

当我使用 jquery-iframe-transport / jquery.iframe-transport.js 时并强制 iframe 传输在 Chrome 中中断，但这很好，因为 Chrome 支持正确的 XHR 文件传输，并且请求至少在 IE 中到达服务器但没有数据通过。

我已经更新我的脚本以支持任一传输方法:

if(empty($_FILES)) {
    $handle = fopen('php://input', 'r');

    $file_data = '';

    while(($buffer = fgets($handle, 4096)) !== false) {
        $file_data .= $buffer;
    }

    fclose($handle);
} else {
    $file_data = file_get_contents($_FILES['files']['tmp_name'][0]);
}

但同样，无论我做什么，我似乎仍然无法在 IE 中获取任何数据。

当我说“IE”时，我现在专门在 IE 8 中进行测试。不过我需要支持回到 7。 This guy声称一直支持到 IE 6。

Answer 1

几个小时后，我终于找到了问题所在。

首先，你需要使用自带的传输插件bundled with jQuery-file-upload因为它是为它而生的 ;) 我不太清楚为什么另一个人更进一步，但我会在一分钟内解决这个问题。

我注意到在 IE 中，我在核心 jquery 库的某处收到“访问被拒绝”JavaScript 错误。根据我在网上阅读的内容，当您尝试提交到不同域的 URL 时，通常会发生这种情况，但我没有这样做，所以我拒绝了。

我正在比较 2 个不同的传输脚本的不同之处，当我遇到一行说 form.submit() 的行时在一个版本中，和form[0].submit()在另一个。所以我尝试添加 [0]然后注意到“访问被拒绝”错误更改为指向该行。很明显，它不喜欢我将文件提交到的位置。

我仔细检查了 form.action并且 URL 看起来仍然不错。通过一些Google-fu我发现如果事件不是源自原始/ native 文件输入元素，您也会遇到此错误。

我用一个奇特的输入替换了 native 输入，然后在隐藏的 native 输入上触发了一个“假的”“点击”事件。它不喜欢这个。

取出我的假上传按钮并将 native 按钮 (<input type="file"/> fyi) 放回去，现在所有浏览器中的一切都像魅力一样。万岁!