jQuery 加载进度条答案

【问题标题】：jQuery Load Progress BarjQuery 加载进度条
【发布时间】：2011-02-14 14:45:21
【问题描述】：

我确信这个问题已经被问过了，但是在搜索了这里的“相关问题”以及几个谷歌搜索之后......我已经空了。

我只是想在 jQuery 甚至是传统的 Js 中实现真正的 bytes_loaded/bytes_total 类型的进度条。这在 AS3 时代是如此简单 :) ...但 Flash 当然也有它的缺点。我真正需要知道的是如何计算任何下载期间加载的当前字节数和总字节数。计算上传的字节也会很甜蜜。有人有另一个发布的问题可以指导我吗？或者有相关的知识？

【问题讨论】：

我一直在想同样的事情很长一段时间，所以我真的没有适合你的解决方案。但是，Plupload 的人似乎实现了类似的东西，这可能有助于查看他们的源代码，plupload.com/example_jquery_ui.php

标签： php jquery ajax progress-bar jquery-events

【解决方案1】：

progress bars for long process reporting on the server 上有一个问答。另请查看how to get AJAX download progress in every browser but IE。

【讨论】：

道森，感谢您的回复！但除非我读错了，否则第一个似乎正在处理请求的 4 个就绪状态，而不是正在下载的项目的实际字节加载。第二个似乎显示出更多的希望，但我无法让任何东西真正发挥作用。我没有任何要测试的 XML 脚本，所以我只是取出了“数据类型”声明并尝试加载图像......这是我想用这个加载的东西之一......但是所有无济于事...想法？
你在什么浏览器中测试这个？一个 jsbin 或类似的东西可能会帮助我们以更交互的方式做到这一点。
好的，我尝试将其发布到 jsbin 和 jsfiddle，但由于某种原因无法正常工作。也许我是问题 :) 无论如何...它已发布到我的服务器，您可以查看源代码甚至下载它：d2burke.com/exp/progress 我可以开始下载图像大小...但不是加载的字节数因为他们正在加载..帮助？另外...您可以在以下位置看到我要完成的工作：d2burke.com/dev/d2v6 目前我在屏幕上只有一个条形动画...实际上并没有做任何事情，但我当然想要它。我想在加载大型 BG 图像时显示进度
好的...所以我想我很接近了：d2burke.com/exp/progress 问题是...它似乎只返回部分百分比...而且它是不规则的。想法？
看起来 Firefox 正在窒息，因为 jqxhr.response 未定义。尝试这样做来解决这个问题： (jqxhr.response || jqxhr.responseText).length

【解决方案2】：

有可用的框架/插件：
http://blog.stevensanderson.com/2008/11/24/jquery-ajax-uploader-plugin-with-progress-bar/
http://webdeveloperplus.com/jquery/multiple-file-upload-with-progress-bar-using-jquery/
等等……

【讨论】：

感谢 jbehren...但这些只是上传器...和插件不少，当我想我更愿意看到的是哪些方法或函数可以实际计算 bytes_loaded up 或 down 的值这样我就可以从头开始为这些不同的事件开发动作。