草庐IT

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

coder 2024-01-18 原文

我的 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 负载。

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

感谢您的建议。

最佳答案

我没有发现问题，我仍然无法理解这是一个解决方案，但是当我禁用 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

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

关于jquery - iOS 上的 Safari 无法通过 Ajax 上传某些图像文件 : "Cannot connect to server" (but the website works ok)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37635277/

ampconnectsectionnginxhttpsjqueryiosiphoneweb-applicationssafari

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

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  4. ruby - 我可以使用 aws-sdk-ruby 在 AWS S3 上使用事务性文件删除/上传吗？ - 2

    我发现ActiveRecord::Base.transaction在复杂方法中非常有效。我想知道是否可以在如下事务中从AWSS3上传/删除文件:S3Object.transactiondo#writeintofiles#raiseanexceptionend引发异常后，每个操作都应在S3上回滚。S3Object这可能吗？？ 最佳答案 虽然S3API具有批量删除功能，但它不支持事务，因为每个删除操作都可以独立于其他操作成功/失败。该API不提供任何批量上传功能(通过PUT或POST)，因此每个上传操作都是通过一个独立的API调用完成的

  5. ruby-on-rails - date_field_tag，如何设置默认日期？ [ rails 上的 ruby ] - 2

    我想设置一个默认日期，例如实际日期，我该如何设置？还有如何在组合框中设置默认值顺便问一下，date_field_tag和date_field之间有什么区别？ 最佳答案 试试这个:将默认日期作为第二个参数传递。youcorrectlysetthedefaultvalueofcomboboxasshowninyourquestion. 关于ruby-on-rails-date_field_tag，如何设置默认日期？[rails上的ruby]，我们在StackOverflow上找到一个类似的问

  6. ruby-on-rails - openshift 上的 rails 控制台 - 2

    我将我的Rails应用程序部署到OpenShift，它运行良好，但我无法在生产服务器上运行“Rails控制台”。它给了我这个错误。我该如何解决这个问题？我尝试更新ruby​​gems，但它也给出了权限被拒绝的错误，我也无法做到。railsc错误:Warning:You'reusingRubygems1.8.24withSpring.UpgradetoatleastRubygems2.1.0andrun`gempristine--all`forbetterstartupperformance./opt/rh/ruby193/root/usr/share/rubygems/rubygems

  7. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  8. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据，该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中，我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤，而不是严格相等。然而，这是行不通的:scope:my_scope,->(que

  9. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  10. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

随机推荐