javascript - Blob データの追加

Question

BLOB データを追加する機能はありますJavaScript か? 現在、次のアプローチを使用しています。

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

また、BlobBuilder機能は Chrome では使用できません。

Answer 1

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();