看到網站下載圖像的進度了嗎？

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);
    },

});

希望對您有所幫助。 干杯