작성일자 글쓴이 thkmon

[Javascript] 인풋 파일 객체 (input type="file") 용량 가져오기

[Javascript] 인풋 파일 객체(input type=”file”) 용량 가져오기

파일 업로드 전 인풋 파일 객체(input type=”file”)의 용량을 알아내야할 때가 있다.

대표적으로 대용량파일 첨부를 방지하고 싶을 때 사용한다.

<html>

    <input type=”file” id=”fileObj” />

</html>

* 파일 선택여부 확인

파일 선택하기 전에는 document.getElementById(“fileObj”).files.length == 0 이다.

var fileArr = document.getElementById(“fileObj”).files;

if (fileArr != null && fileArr.length > 0) {

    alert(“파일 선택한 상태”);

} else {

    alert(“파일 선택 전”);

}

* 파일 1개 선택한 경우 용량 (첫번째 파일 용량)

document.getElementById(“fileObj”).files[0].size

* 파일 n개 선택한 경우 용량

var fileArr = document.getElementById(“fileObj”).files;

if (fileArr != null && fileArr.length > 0) {

    var fileCount = fileArr.length;

    for (var i=0; i< fileCount; i++) {

        alert((i + 1) + “번째 파일 용량 : ” + fileArr[i].size);

    }

}