Blob.size

Blob 인터페이스의 size 속성은 Blob 또는 File의 크기를 바이트 단위로 반환합니다.

값

Blob 또는 File과 같은 Blob 기반 객체의 데이터 크기를 바이트 단위로 나타낸 숫자입니다.

예제

이 예제는 file 유형의 <input> 요소를 통해 사용자가 선택한 여러 파일을 순회하면서, 각각의 파일 이름과 바이트 크기를 출력합니다.

HTML

html

<input type="file" id="input" multiple />
<output id="output">파일 선택...</output>

output {
  display: block;
  margin-top: 16px;
}

JavaScript

const input = document.getElementById("input");
const output = document.getElementById("output");

input.addEventListener("change", (event) => {
  output.innerText = "";

  for (const file of event.target.files) {
    output.innerText += `${file.name}의 크기는 ${file.size} 바이트입니다.\n`;
  }
});

결과

명세

Specification
File API # dfn-size

브라우저 호환성

BCD tables only load in the browser