追加 Blob 数据

Question

JavaScript中是否有追加blob数据的功能 我目前使用以下方法：

var bb = new Blob(["Hello world, 2"], { type: "text/plain" });
bb = new Blob([bb, ",another data"], { type: "text/plain" });

并且BlobBuilder功能在Chrome中不可用。

Answer 1

Blobs 是“不可变的”，所以你不能在创建后更改它。构建一个将数据附加到现有 Blob 的新 Blob（如您在最初的问题中所写）是一个很好的解决方案。

如果您不需要在每次追加零件时都使用 Blob，则可以只跟踪零件数组。然后你可以不断地追加到数组中，然后在需要时在最后构造 Blob。

var MyBlobBuilder = function() {
  this.parts = [];
}

MyBlobBuilder.prototype.append = function(part) {
  this.parts.push(part);
  this.blob = undefined; // Invalidate the blob
};

MyBlobBuilder.prototype.getBlob = function() {
  if (!this.blob) {
    this.blob = new Blob(this.parts, { type: "text/plain" });
  }
  return this.blob;
};

var myBlobBuilder = new MyBlobBuilder();

myBlobBuilder.append("Hello world, 2");

// Other stuff ... 

myBlobBuilder.append(",another data");
var bb = myBlobBuilder.getBlob();