SeonHyungJo / Tip-Note

:round_pushpin: 개발을 하면서 느끼고 알게된 Tip:round_pushpin:
7 stars 0 forks source link

Blob에 대해서 #88

Open SeonHyungJo opened 2 years ago

SeonHyungJo commented 2 years ago

File 객체도 name과 lastModifiedDate 속성이 있는 Blob 객체이다

const newBlob = new Blob(array, options);

Method

slice(start, end, type)

blob 객체를 여러개로 나눠서 보낼 수 있다.

const chunk = blob.slice(0, 1024, 'image/jpeg');

Blob URL

createObjectURL

Blob 객체를 나타내는 URL를 포한한 다음과 같은 DOMString를 생성한다.(blob:URL)

file:URL 과 다르게 보안 이슈에서 벗어날 수 있다.

revokeObjectURL

createObjectURl를 통해서 만든 기존 URL을 해제(폐기)한다.

해제하지 않으면 URL를 유효하다고 판단하여 GC되지 않는다.

메모리 누수를 방지하기 위해 생성된 URL를 DOM과 바인팅한 후에는 해제하는 것이 좋다.