Javascript 下载大型CSV文件-href无意中截断结果
我正在尝试使用href方法下载CSV文件,但在将其设置为href标记时,数据似乎被截断。 对于IE,我使用了msSaveBlob,它似乎工作正常,所有数据都已正确下载Javascript 下载大型CSV文件-href无意中截断结果,javascript,jquery,google-chrome,internet-explorer-11,Javascript,Jquery,Google Chrome,Internet Explorer 11,我正在尝试使用href方法下载CSV文件,但在将其设置为href标记时,数据似乎被截断。 对于IE,我使用了msSaveBlob,它似乎工作正常,所有数据都已正确下载 if (navigator.msSaveBlob) { // IE 10+ navigator.msSaveBlob(new Blob([data], { type: 'text/csv;charset=utf-8;' }), filename); }
if (navigator.msSaveBlob) { // IE 10+
navigator.msSaveBlob(new Blob([data], { type: 'text/csv;charset=utf-8;' }), filename);
}
//
var csvContent = "data:text/csv;charset=utf-8," + data;
var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
//
link.setAttribute("download", filename);
link.innerHTML = "CSV Link - Placeholder";
document.body.appendChild(link); // Required for FF
link.click();
这些文件相对较大,excel中有9k行(约500kb)。
你知道我能做些什么来阻止这种截断吗?我应该使用不同的方法吗?谢谢 使用以下答案解决:
基本上:
var file = new Blob([data], {type: 'text/csv;charset=utf-8;'});
if (window.navigator.msSaveOrOpenBlob) // IE10+
window.navigator.msSaveOrOpenBlob(file, filename);
else { // Others
var a = document.createElement("a"),
url = URL.createObjectURL(file);
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
setTimeout(function() {
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}, 0);
}