Làm thế nào để phát hiện một trình duyệt sẽ không hỗ trợ XHR2 Tải lên tiến

Question

Rất ít các trình duyệt Android bao gồm Samsung trình duyệt mặc định trên các thiết bị cũ sẽ không hỗ trợ

xhr.upload.onprogress 

tổ chức sự kiện. Vì vậy, chúng tôi không thể hiển thị tiến trình tải lên theo thời gian thực trên các trình duyệt đó.

Tôi làm cách nào để phát hiện các trình duyệt đó? Vì vậy, tôi có thể thay đổi thiết lập của mình để hiển thị tiến trình.

Answer 1

Đơn giản chỉ cần:

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

Vì vậy, nếu bạn muốn có một chức năng:

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

Answer 2

hm. đã thử nghiệm một phiên bản Firefox cũ. 3.5.2.

phiên bản đầu tiên có thuộc tính (new XMLHttpRequest).upload.

Phiên bản hiện tại của Chrome:

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

Firefox 3.5.2:

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

Vì vậy, nếu trình duyệt gửi thời gian ing là không lớn, không có pregress sự kiện trên các trình duyệt cũ.

Nhưng load sự kiện với .loaded == .total được kích hoạt bình thường.

---

Kết luận hiện tại: dữ liệu được gửi quá nhanh đối với các trình duyệt cũ.

Answer 3

dưới đây đã được thử nghiệm trong FF 3.5.2 trở false, nhưng đối với mới nhất Chrome/FF/IE11 true

Trường hợp ngoại lệ được ném vào việc cố gắng đọc onpgress sau khi được thiết lập.

Hy vọng rằng sẽ giúp,

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