看到网站下载图像的进度了吗？

Question

我想看看下载图像的距离。

我有一个放大的图像，我想看看该图像的下载情况如何，那有可能吗？

Answer 1

这里已经讨论了一种使用jQuery插件的方法。

还有一个基于“ Content-Length”响应标头的实现，但由于IE的XHR对象未实现readyState 3，因此它不适用于IE。

最后一种方法实质上是通过轮询XHR对象并询问其长度以及已下载的响应来完成的。 您可以适应使用下载图像，但是同样，它不是浏览器认证的：

var myTrigger;
var progressElem = $('#progressCounter');

$.ajax ({
    beforeSend: function (thisXHR)
    {
            myTrigger = setInterval (function ()
            {
                    if (thisXHR.readyState > 2)
                    {
                            var totalBytes  = thisXHR.getResponseHeader('Content-length');
                            var dlBytes     = thisXHR.responseText.length;
                            (totalBytes > 0)? progressElem.html (Math.round ((dlBytes/totalBytes) * 100) +"%"):progressElem.html (Math.round (dlBytes /1024) + "K");
                    }
            }, 200);
    },

});

希望对您有所帮助。 干杯