web-dev-qa-db-ja.com

Blobデータの追加

JavaScriptにblobデータを追加する関数はありますか？私は現在次のアプローチを使用しています：

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

また、BlobBuilder関数はChromeでは使用できません。

javascriptblob
31
Deni Spasovski

Blob sは「不変」であるため、作成後に変更することはできません。 （最初の質問で書いたように）既存の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();
30
nkron