कैसे एक ब्राउज़र कि XHR2 अपलोड प्रगति

Question

पुराने उपकरणों पर सैमसंग ने डिफ़ॉल्ट ब्राउज़र का समर्थन नहीं करेंगे

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

एचएम। एक बहुत पुराने फ़ायरफ़ॉक्स का परीक्षण किया। 3.5.2।

पहला संस्करण जिसमें (new XMLHttpRequest).upload संपत्ति है।

वर्तमान संस्करण क्रोम:

 
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. 

तो अगर ब्राउज़र भेज ing समय बड़ा नहीं है, पुराने ब्राउज़र पर कोई pregress घटनाओं है।

लेकिन load.loaded == .total के साथ ईवेंट सामान्य रूप से निकाल दिया जाता है।

---

वर्तमान निष्कर्ष: पुराने ब्राउज़र के लिए डेटा बहुत तेज़ भेज दिया गया था।

Answer 3

नीचे एफएफ 3.5.2 में परीक्षण किया गया था false वापस जाने के लिए, लेकिन नवीनतम क्रोम/एफएफ/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; 
     } 
    }