javascript - print - La descarga de Blob createObjectURL no funciona en Firefox(pero funciona al depurar)

string to blob javascript

Question

Tengo un problema extraño, la función a continuación es una que creé en base a lo que encontré en la red sobre la creación de un Blob en el cliente sobre la marcha con algunos datos binarios (pasados ​​como una matriz) y poder descargarlos. Esto funciona de manera brillante en Chrome, pero no hace nada en Firefox, A MENOS QUE depure y revise el código. Sí, curiosamente, si creo un punto de interrupción dentro de la función y lo paso, ¡a.click () abrirá la ventana de descarga!

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

¿Alguien puede ayudarme? Esto fue probado usando Firefox 38.0.5.

Answer 1

Lo anterior no resolvió el problema para mí. Pero este sí lo hizo:
El clic programático en la etiqueta <a> no funciona en Firefox
Fue un problema con el evento de clic desencadenante, no la eliminación prematura del recurso.

Answer 2

Probablemente esté eliminando el recurso demasiado pronto, intente retrasarlo

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

Answer 3

esta solución me funciona en bot chrome y firefox para el elemento de anclaje existente para descargar el archivo binario

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