[Javascript] 자바스크립트(JS) Image 파일 용량 체크

 

 

자바스크립트(Javascript)의 Image 파일 용량 체크하기

자바스크립트(Javascript)로 Image 파일의 용량을 체크하는 방법입니다. 제일 먼저 input 태그로 Image 파일을 첨부하고 Image 파일의 용량을 확인해보도록 하겠습니다.

 

Image 파일의 용량의 유효성 체크시 사용할수 있는 코드입니다. 유효성 체크시 원하는 용량를 정하고 Image 파일 용량 체크를 할수 있습니다.

 

// Image 업로드후 이미지 용량 체크하기
<input type="file" name="imgFile" id="imgFile" onchange="imgUpload(this) accept="image/*" >


<script>
function imgUpload(val)
{
    let imgName = file.files[0].name; //이미지 파일명
    let imgSize = file.files[0].size; //이미지 용량
    
    let maxSize = 2 * 1024 * 1024;//2MB
    
    if(imgSize > maxSize){
        alert("이미지 용량은 2MB 이내로 등록 가능합니다. ");
       return;
    }

}
</script>