jquery - iOS 上的 Safari 无法通过 Ajax 上传某些图像文件 : "Cannot connect to server" (but the website works ok)

Question

我的 webapp 允许用户选择一张图片，客户端通过 JS 调整它的大小，然后上传它(通过 HTTPS，对于什么是有值(value)的):

这是相关代码:

var canvasData  = canvas.toDataURL("image/jpeg");
canvasData      = encodeURIComponent(canvasData);

var formData=new FormData();
formData.append("imagedata", canvasData);

$.ajax({
    url             : <my upload url>,
    data            : formData,
    type            : "POST"
    dataType        : "JSON",
    contentType     : false,
    processData     : false 
})

如果我在装有 iOS 9 的 iPhone 6S Plus 上保存 an image such as this - 5616x3744 pixel, 2 MB然后用Safari上传，上传失败。

由于我是通过 BrowserStack 远程使用 iPhone，所以我的控制台出现错误:

POST <my upload url>, Could not connect to the server.

HTTP 请求被触发，但服务器日志显示它从未收到。

webapp 的其余部分显示对同一主机的 GET 请求没有问题，并且没有文件的其他表单提交也可以正常工作。

我无法使用任何其他 PC 或 Android 浏览器重现该问题。

更令人费解的是，相同的上传代码在同一部 iPhone 上与其他图像一起工作时效果很好......甚至 Chrome for Safari 也可以毫无问题地处理我尝试使用代码处理的每个文件。似乎只有 Safari 会显示这种奇怪的行为。

到目前为止，我已经排除了内存耗尽问题，因为图像在 2 MB 以南，检查员显示了一个数据:图像(可能来自 canvas.toDataURL)，照片完全可读，Safari不会崩溃/减速。

jQuery 核心 1.12.4。

服务器是 nginx/1.10.0 (Ubuntu 16.04) 和 PHP 7.0.4 通过 php-fpm。如前所述，连接是通过 HTTPS 使用 Let's Encrypt 提供的证书进行的。由于该服务尚未向公众开放，因此服务器处于 0 负载。

有什么想法吗？有什么我不知道的错误+解决方法吗？

感谢您的建议。

Answer 1

我没有发现问题，我仍然无法理解这是一个解决方案，但是当我禁用 Nginx 的 HTTP/2 支持时，问题就消失了。

更新:Lucas Rolff 在 Nginx 论坛上友善地回答了我的问题:

https://trac.nginx.org/nginx/ticket/979

https://trac.nginx.org/nginx/ticket/959

It's a known bug

至少现在我知道是怎么回事了!让我们等待补丁...