无法提供文件从Angular下载到IE浏览器

Question

我正在尝试为我的用户生成一个文本文件，下面的代码在除IE和Edge之外的所有浏览器中完美地完成了这项工作（在后者中， t控制文件的名称，但它至少已生成）。

emitFile(stage: any): void { 
    const blob = new Blob([stage.elaboration], { type: "text/csv" }); 
    const url = window.URL.createObjectURL(blob); 
    const anchor = document.createElement("a"); 
    anchor.href = url; 
    anchor.download = "ff-rocks-ie-sucks.txt"; 
    anchor.click(); 
} 

有没有在这方面an open issue ticket但它月18日几个月前和最近的活动是相当联合国最近。这似乎是希望消亡的地方。

我还没有找到任何合理的解决方法。我见过的那些人或者不工作，或者包含一个（非常明智但不可行）的建议，以便为了鸭子的目的而获得体面的浏览器。我相信这是一个错误而不是鸟类的参考。

该怎么办？

Answer 1

您应该尝试使用msSaveBlob（）代替下载属性。

emitFile(stage: any): void { 
    const blob = new Blob([stage.elaboration], { type: "text/csv" }); 
    windows.navigator.msSaveBlob(blob,"ff-rocks-ie-sucks.txt"); 
} 

它应该适用于IE和Edge。

编辑： 为IE，FF和Chrome完整的解决办法是这样的：

emitFile(stage: any): void { 
    const blob = new Blob([stage.elaboration], { type: "text/csv" }); 
    if(window.navigator.msSaveOrOpenBlob) //IE & Edge 
    { 
    //msSaveBlob only available for IE & Edge 
    windows.navigator.msSaveBlob(blob,"ff-rocks-ie-sucks.txt"); 
    } 
    else //Chrome & FF 
    { 
    const url = window.URL.createObjectURL(blob); 
    const anchor = document.createElement("a"); 
    anchor.href = url; 
    anchor.download = "ff-rocks-ie-sucks.txt"; 
    document.body.appendChild(anchor); //For FF 
    anchor.click(); 
    //It's better to remove the elem 
    document.body.removeChild(anchor); 
    link.remove(); 
    } 
}