JS: chrome 브라우저에서 blob 최대 용량 구하기

브라우저에서 blob에 저장할수 있는 최대 용량을 구하는 방법에 대해 간단하게 알아보겠습니다.

 

일단 blob에 대한 개념은 아래 링크를 통해 확인해주시면 됩니다.

 

JS : blob에 대해 알아보고 data URL을 통해 표현하기 (createObjectURL, removeObjectURL)

 

Blob 최대 용량 계산 공식

 

Blob의 최대 용량을 계산하는 공식입니다.

 

OS 환경에 따라 할당할수 있는 Blob 사이즈가 달라지는 것을 확인 할 수 있습니다.

 

 

브라우저에서 Blob 최대 용량 구하기

 

브라우저의 개발자 콘솔을 열어서 아래 코드를 실행시켜 주시면 됩니다.

 

var byteLength = 999999999;
var buffer = new ArrayBuffer(byteLength);
var blob = new Blob([buffer]);

function bytesToSize(bytes) {
   var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
   if (bytes == 0) return '0 Byte';
   var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
   return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
};

var blobSizeInMB = bytesToSize(blob.size);
console.log( blobSizeInMB );

 

 

참고

 

Blob 최대 용량 제한 github 질문 답변

Blob limit on chrome? · Issue #86 · streamproc/MediaStreamRecorder

 

Chrome's Blob Storage System 디자인

Chrome's Blob Storage System Design