附加 Blob 数据

IT技术 javascript blob
2021-03-18 19:24:03

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

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

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

1个回答

Blob是“不可变的”,所以你不能在创建后改变它。构建一个将数据附加到现有 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();
@codenamezero 你能解决吗?我正在尝试附加两个 mediaRecorder Blob。
2021-04-25 19:24:03
@YuvalA。你怎么解决的?我面临着完全相同的问题(不使用上述解决方案)。我正在尝试结合BlobPart但只取最后一个(或第一个)Blob
2021-04-26 19:24:03
我用 MediaRecorder 尝试了这个音频解决方案 - 它不起作用 - 如果使用 blob 数组,并且如果展平 blob 数组 - 它只使用其中一个。
2021-04-27 19:24:03
@rbansal 我最终只是创建了一个 new Blob,我进行了一些测试,只要您不要Blob太频繁地创建 new ,性能影响几乎没有。系统似乎能够很好地处理它。只需将您的 Blob 放入BlobPart[]然后将其传递到new Blob(yourBlobPartsArray)
2021-05-03 19:24:03
pdf 文件格式(主要)是基于文本的,因此您可以使用类似的内容来构建一个。虽然格式非常复杂,但它并不像将包含 pdf 数据的两个字符串组合在一起以形成组合 pdf 那样简单。
2021-05-19 19:24:03