XmlHttpRequest在Chrome上正常运行，但在Firefox和IE上运行不正常

Question

以下代码用于从服务器下载图像或文本文件。

    function thisButton(position) {
    $("html, body").animate({ scrollTop: 0 }, 0);
    $.blockUI({
        message : ''
    });
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url , true);
        xhr.responseType = 'blob';

        xhr.onload = function(e) {
            var blob = xhr.response;
            saveByteArray(blob, metadataNome );
        };

        xhr.send();
        event.preventDefault();
}

var saveByteArray = (function() {
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    return function(data, name) {
        var url = window.URL.createObjectURL(data);
        a.href = url;
        a.download = name;
        a.click();
        window.URL.revokeObjectURL(url);
        $.unblockUI();
    };
}());

此代码适用于Chrome。但是在Firefox上，从不调用侦听器xhr.onload并重新加载页面。

有谁知道什么是错的？