포도가게의 개발일지

[Web] Blob 본문

[Web] Blob

grape.store 2022. 3. 26. 19:10
반응형

Blob?

- Binary Large Object

- 바이너리 형태(이진 형태)로 큰 객체를 저장함

- 여기서 큰 객체란 즉 이미지, 비디오 사운드 등과 같은 멀티미디어를 가리킨다.

- 대개 데이터의 크기, MIME 타입을 알아내거나, 데이터를 송수신을 위한 작은 blob 객체로 나누기 위해 사용

- blob의 경우 4GB의 이진 데이터를 저장할 수 있다.ㄸ

 

const newBlob = new Blob(array, options);

array property
1. ArrayBuffer
2. Unit8Array
3. DOMString

var blob = new Blob([typedArray], {type: 'application/octet-binary'});

var audioBlob = new Blob([dataview], { type: type });

이 외에도 URL을 생성하여 브라우저에서 연결 시킬 수 있다.

const url = URL.createObjectURL(blob);

const audioUrl = URL.createObjectURL(audioBlob);

'' 카테고리의 다른 글

[Web] Webhook?  (0) 2022.04.09
[Web] Cookie  (0) 2022.04.01
[Web] SSE(Server Sent Event)  (0) 2022.03.26
Restful API?  (0) 2022.01.18
Socket vs WebSocket vs Socket.IO?  (0) 2021.11.26
Comments