我可以使BLOB工作瀏覽器獨立嗎？

Question

根據崗位here

我可以下載一個變量（可以說由用戶填寫表單）在JS在瀏覽器 （我知道一個文件是不是要走的路，並且服務器要做到這一點對我的要求）

我使用這個代碼：

textToSave = "Hello" 
var createObjectURL = (window.URL || window.webkitURL || {}).createObjectURL || function(){}; 
    var blob = null; 
    var content = textToSave; 
    var mimeString = "application/octet-stream"; 
    window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder; 

    if(window.BlobBuilder){ 
     var bb = new BlobBuilder(); 
     bb.append(content); 
     blob = bb.getBlob(mimeString); 
    }else{ 
     blob = new Blob([content], {type : mimeString}); 
    } 
    var url = createObjectURL(blob); 
    var a = document.createElement("a"); 
    a.href = url 
    a.download = "file.csv"; 
    a.innerHTML = "download file"; 
    a.click(); 

，並在Chrome中工作正常，但是當我嘗試在IE-11，然後我得到一個BLOB

你有一個想法如何使它工作瀏覽器是獨立的嗎？

Answer 1

不要擔心使用對象URL - 它們在IE中完全不受支持。建議使用FileSaver.js，然後一旦你有你的blob以下應幾乎任何相關的瀏覽器中工作：

function saveBlob(){ 
    var theBlob = //... your stuff here 
    saveAs(blob, 'file.csv'); 
} 

而且從你的錨稱之爲：

<a href="#" onclick="saveBlob();">download file</a>