追加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

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