ब्लॉब createObjectURL डाउनलोड फ़ायरफ़ॉक्स में काम नहीं कर रहा है (लेकिन डिबगिंग करते समय काम करता है)

Question

मुझे एक अजीब समस्या है, नीचे दिया गया कार्य एक है जिसे मैंने नेट पर जो कुछ पाया है उसके आधार पर क्लाइंट में ब्लॉब बनाने के बारे में कुछ बाइनरी के साथ बनाया गया है डेटा (एक सरणी के रूप में पारित) और इसे डाउनलोड करने में सक्षम होने के नाते। यह क्रोम में शानदार ढंग से काम करता है, लेकिन फ़ायरफ़ॉक्स में कुछ भी नहीं करता है - असल में मैं डीबग करता हूं और कोड के माध्यम से कदम उठाता हूं। हां, विचित्र रूप से, अगर मैं फ़ंक्शन के अंदर ब्रेक पॉइंट बनाता हूं और इसके माध्यम से कदम उठाता हूं, तो ए.क्लिक() डाउनलोड विंडो लाएगा!

function downloadFile(filename, data) { 

    var a = document.createElement('a'); 
    a.style = "display: none"; 
    var blob = new Blob(data, {type: "application/octet-stream"}); 
    var url = window.URL.createObjectURL(blob); 
    a.href = url; 
    a.download = filename; 
    document.body.appendChild(a); 
    a.click(); 
    document.body.removeChild(a); 
    window.URL.revokeObjectURL(url);  
} 

क्या कोई मेरी मदद कर सकता है? यह फ़ायरफ़ॉक्स 38.0.5 का उपयोग करके परीक्षण किया गया था।

Answer 1

आप शायद बहुत जल्दी संसाधन निकालने जा रहे हैं, देरी की कोशिश यह

... 
    a.click(); 
    setTimeout(function(){ 
     document.body.removeChild(a); 
     window.URL.revokeObjectURL(url); 
    }, 100); 
} 

Answer 2

इस समाधान बॉट क्रोम और फ़ायरफ़ॉक्स में मेरे लिए काम करता मौजूदा एंकर तत्व बाइनरी फ़ाइल

window.URL = window.URL || window.webkitURL; 

var blob = new Blob([new Uint8Array(binStream)], {type: "octet/stream"}); 

var link = document.getElementById("link"); 
link.href = window.URL.createObjectURL(blob);