从 HTML/Javascript 中的字符串变量创建大的可下载文件

Question

我创建了一个 js 脚本，我可以在其中从字符串变量下载文件：

window.alert("a");
document.getElementById("export-graphml").innerHTML += "<a id=\"dl\" download=\"graph.graphml\">Download</a>"
window.alert("b");
var vdl = document.getElementById("dl");
window.alert(data.length);
vdl.href = "data:text/plain," + encodeURIComponent(data);

在我的字符串 var（数据）不太大之前，它的效果非常好。当我的数据太大时，最后一行代码会使 Chrome 和 Firefox 崩溃，IE 没有反应。

我在任何地方都没有找到任何关于可能的大小限制的信息。

如果你有任何想法感谢分享。

Answer 1

试试这个（适用于 10 ie 和所有现代浏览器）

    var createObjectURL = (window.URL || window.webkitURL || {}).createObjectURL || function(){}; 
    var blob = null;
    var content = "byte array or string";
    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.txt";
    a.innerHTML = "download file";
    document.body.appendChild(a);