Question

我想知道图片的下载速度有多远。

我有一个很大的图像，我希望看到该图像的下载如何，甚至是可能的？

Answer 1

已经讨论过一种使用jQuery插件的here方法。

基于'Content-Length'响应标头有also a implementation，但它不适用于IE，因为IE的XHR对象没有实现readyState 3.

最后一种方法主要包括轮询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);
    },

});

我希望它有所帮助。干杯

查看网站下载图片的进度？

1 个答案: