AJAX页面下载进度

Question

我想知道我的AJAX请求的进度--从文件的大小来看，到目前为止已经下载了多少。例如，我正在用AJAX下载一张大图片，这样我就可以把内容放在一个数据url中(这可能不是最好的方法，这只是一个例子。)

因此，我向一些我无法控制的主机发出AJAX请求(flickr)，并将进度报告给用户。如果没有服务器端脚本或类似的东西，我找不到这样做的方法。最好的解决方案是使用JQuery，因为这是我的网站所使用的。谢谢!艾萨克

Answer 1

据我所知，$.ajax()函数不支持“已加载的字节”。它只有开始和完成事件，没有进度事件。

我发现this thread详细描述了一种尝试，但显然代码可以在几个浏览器中运行，但IE不能。他们的建议是在其他浏览器中显示进度，以及一个简单的“加载...”IE的消息。

请注意，在同一站点上有几个类似的讨论，因此请浏览左侧面板以找到其他方法。

Answer 2

一些浏览器提供了对下载状态事件支持，您可以在其中跟踪您的进度(我知道ff 3.5+支持)。

这是由ajax XHR完成的。

你可以阅读更多的here和here

此外，还可以将一个文件分成一个数组(比方说我们将它分成10个部分)，

现在发送1和平，并返回成功后，进度= 10%，等等…