我正在使用JQuery blob将JQuery数组导出为CSV。它适用于所有浏览器,除了 Safari 5.1.7。Windows 7 上的 Safari 浏览器。我知道 Blob 与 Safari 存在兼容性问题。如果有任何解决方法可以实现它,请告诉我。
下面是代码:
var usersCSVData = [];
usersCSVData.push('LastName ','FirstName ', 'Login ','City ','State','Location ');
var fileName = "UserCSVdata.csv";
var buffer = usersCSVData.join("n");
var blob = new Blob([buffer], {
"type": "text/csv;charset=utf8;"
});
if (navigator.msSaveBlob) { // IE 10+
navigator.msSaveBlob(blob, fileName);
}
else {
var link = document.createElement("a");
if (link.download !== undefined) {
var url = URL.createObjectURL(blob);
link.setAttribute("href", url);
link.setAttribute("download", fileName);
link.style = "visibility:hidden";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
}
我收到错误:
"'[object BlobConstructor]' is not a constructor (evaluating 'new Blob([buffer], {
"type": "text/csv;charset=utf8;"
})')"
先尝试使用 BlobBuilder
或WebKitBlobBuilder
。同样,使用 blob 构造函数/构建器可以解决 4.4-Android Stock Browser
中的一些问题:
//cross browser BlobBuilder constructor
var customBlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MSBlobBuilder || window.MozBlobBuilder;
//result
var blob;
//Data
var buffer = ['LastName ','FirstName ', 'Login ','City ','State','Location '].join("n");
//Try to use WebKitBlobBuilder first, It also solves some issues for Android Stock Browser
if (window.WebKitBlobBuilder) {
blob = new WebKitBlobBuilder();
blob.append(buffer);
blob = blob.getBlob("text/csv");
} else if (window.Blob) {
blob = new Blob([buffer], { type : "text/csv" });
} else {
blob = new customBlobBuilder();
blob.append(buffer);
blob = blob.getBlob("text/csv");
}
console.log(blob);