如何檢測，不會支持XHR2上傳進度

Question

很少的Android瀏覽器，包括舊設備上的默認三星瀏覽器將不支持

xhr.upload.onprogress 

事件的瀏覽器。所以我們無法在該瀏覽器上顯示實時上傳進度。

如何檢測這些瀏覽器？ 所以我可以更改我的設置以顯示進度。

Answer 1

簡單：

var xhr = new XMLHttpRequest(); 
if (xhr && ('upload' in xhr) && ('onprogress' in xhr.upload)) // attach event... 

所以，如果你想有一個函數：

function supportAjaxUploadProgressEvents() { 
    var xhr = new XMLHttpRequest(); 
    return !! (xhr && ('upload' in xhr) && ('onprogress' in xhr.upload)); 
} 

Answer 2

hm。測試了一個非常古老的Firefox。 3.5.2。第一版有(new XMLHttpRequest).upload屬性。

當前版本的Chrome瀏覽：

 
send(1); //progress 1 of 1 
send(40000000_chars); // 1,2 or more progress events. 

火狐3.5.2：

 
send(1); //no progress events. 
send(40000000_chars); // some progress events. 

所以，如果瀏覽器發送荷蘭國際集團的時間並不大，對舊的瀏覽器沒有pregress事件。

但load事件與.loaded == .total正常發射。

---

當前的結論：對於舊瀏覽器，數據發送得太快。

Answer 3

下在FF 3.5.2測試返回false，但最新的Chrome/FF/IE11 true

拋出異常的努力被設置後讀onpgress。

希望幫助，

function isSupported() { 
     var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); 
     try { 
      xhr.upload.onprogress = isSupported; 
      var x = xhr.upload.onprogress; 
      return true; 
     } catch(e) { 
      return false; 
     } 
    }