如何用JavaScript文件流技术实现高效CSV文件下载？

本文共计686个文字，预计阅读时间需要3分钟。

理解Blob对象+在Blob对象出现之前，在JavaScript中直接处理二进制文件并没有很好的方式，自从有了Blob，我们就可以用它来操作二进制数据了。现在，我们开始理解Blob对象及其文件。

理解Blob对象

在Blob对象出现之前，在javascript中一直没有比较好的方式处理二进制文件，自从有了Blob了，我们就可以使用它操作二进制数据了。

现在我们开始来理解下Bolb对象及它的文件流下载应用场景，话不多说了，来一起看看详细的介绍吧

1. 创建Blob对象方式如下：

var blob = new Blob(dataArray, options);

dataArray: 它是一个数组，它包含了要添加到Blob对象中的数据。数组可以是二进制对象或者字符串。

options是可选的对象参数，用于设置数组中数据的MIME类型。

1. 创建一个DOMString对象的Blob对象。如下代码：

var str = "<div>Hello World</div>"; var blob = new Blob([str], {type: 'text/xml'}); console.log(blob); // 输出：Blob {size: 22, type: "text/xml"}

2. 理解URL.createObjectURL对象

window对象的URL对象是用来将blob或file读取成一个url的。