BlobBuilder ファンの皆様、こんにちは。
BlobBuilder
は、JavaScript で blob(またはファイル)を作成するための便利な API です。これは Chrome 8、FF 6、IE 10 からリリースされましたが、Safari でリリースされたことはなく、おそらく今後リリースされることもありません。File API の最近の仕様変更により、Blob
の新しいコンストラクタが追加されました。これにより、基本的に BlobBuilder
は無関係になります。実際、Safari のナイトリーではすでにこの機能が無効にされており、すぐに Chrome のコンソールに警告が表示されるようになります。
比較のために、同じコードで非推奨の BlobBuilder
と新しい Blob
コンストラクタを使用した例を次に示します。このコードでは、スタイルシートを作成して DOM に追加します。
BlobBuilder()
:
window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder ||
window.MozBlobBuilder || window.MSBlobBuilder;
window.URL = window.URL || window.webkitURL;
var bb = new BlobBuilder();
bb.append('body { color: red; }');
var blob = bb.getBlob('text/css');
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = window.URL.createObjectURL(blob);
document.body.appendChild(link);
Blob()
:
window.URL = window.URL || window.webkitURL;
var blob = new Blob(['body { color: red; }'], {type: 'text/css'});
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = window.URL.createObjectURL(blob);
document.body.appendChild(link);
便利です。BlobBuilder
に追加する代わりに、データパートの配列から Blob
を簡単に作成できます。データパートにはさまざまな型(DOMString
、ArrayBuffer
、Blob
)を指定できます。順序は任意です。例:
var blob = new Blob(['1234567890', blob, arrayBuffer]);
また、2 つ目のオブジェクト パラメータは省略可能です。これらの変更の詳細については、Blob の MDN ドキュメントをご覧ください。