サンプル

サーバー上のファイルからarraybufferを取得し、 arraybufferとコンテンツタイプからBlobオブジェクトを生成することができる。
BlobオブジェクトはさらにBlob URL Schemeに変換できる。
Blob URL SchemeはURLの一種なので、img要素などURL関係の処理に利用できる。

javascript

	function test1(){
		var xhr = new XMLHttpRequest();
		xhr.open('GET', 'smp1.png', true);
		xhr.responseType = 'arraybuffer';
		xhr.onload = function(e) {
			
			var arrayBuffer = this.response;
	
			// Blobを生成する
			var blob = new Blob([arrayBuffer], {type: "image/png"});
			console.log(blob);
			
			// BlobをBlobURLスキームに変換して、img要素にセットする。
			var blob_url = window.URL.createObjectURL(blob);
			$('#img1').attr('src',blob_url);
		};
		xhr.send();
	}
	

---

目次へ戻る