javascript - HTML5 文件上传 - 卡在非常大的文件上 - 仅限 Firefox

标签 javascript html firefox file-upload

我正在尝试让 HTML5 上传正常运行。到目前为止,我让它正常工作,没有任何问题。我遇到的唯一问题是这样的(仅限 Firefox 浏览器 - Chrome 运行良好):

  1. 加载页面
  2. 尝试上传一个非常大的文件(超过 1GB)
  3. 上传需要很长时间才能开始,然后进度就搞砸了,好像上传了两次文件

如果在第 1 步和第 2 步之间我上传了一个较小的文件,则大文件会开始正常上传,并有良好的进度指示。

要体验这一点,您只需在以下演示页面上尝试上述步骤:http://exposureroom.biz/upload.aspx .演示页面来自一个众所周知的 HTML5 上传示例:http://www.matlus.com/html5-file-upload-with-progress/ .它不是我自己编写的,但它的行为与我的脚本相同,并且可以访问。

这是浏览器错误吗?有人遇到过这个吗?

谢谢

最佳答案

我认为这不是浏览器错误,而是上传程序中的错误。我测试了上传 1GB 和 2GB 的文件,上传立即开始,根本没有等待。

确保您的测试有效,但我发现了以下意外行为。

案例一:
1.开始上传1G文件
2.上传正常,进度正常
3.上传完成前点击浏览,上传一个2G的文件
4.上传开始正常,进度乱了。显示负速度和东西。

案例2:
1.开始上传2G文件
2.上传正常,进度正常
3.上传完成前,点击浏览,上传一个1G的文件
4.上传开始正常,进度乱了。显示负速度和东西。

案例三:
1.开始上传一个1G的文件
2.上传正常,进度正常。
3. 开启新标签页并开始上传一个2G的文件
4. 上传正常,进度正常。

看起来你的程序没有处理前两个测试用例,它看起来不像是浏览器错误。

在文件开始后禁用上传按钮之前,请尝试找出“取消”上传不起作用的原因(如果您已实现)。看起来有一些success在客户端取消使用 html5 上传文件。

关于javascript - HTML5 文件上传 - 卡在非常大的文件上 - 仅限 Firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10168137/

相关文章:

jquery。用动画改变 div 宽度不起作用

html - 内容安全策略 .htaccess 框架祖先

javascript - 如何使用本地存储一次将所有输入字段值存储在一个包装器中?

javascript - 刷新前脚本在 Chrome 控制台中不可见,与 Firefox 配合良好

google-chrome - 无法识别的 list key 'applications'。 Google Chrome警告

javascript - 在 Firefox 中设置 top.location.hash 为 %20

javascript - 当循环中没有更多元素时如何重新开始?

javascript - 空变量 PHP

javascript - D3 意外值转换,不接受变量

javascript - ReactJS - TypeError : requests. map 不是函数