Blob 构造函数 Safari 问题

Blob constructor Safari issue

本文关键字：问题 Safari 构造函数 Blob      更新时间：2023-09-26

我正在使用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);

相关文章：