자바스크립트 파일 용량 제한과 여부

간단한 자바스크립트 파일 용량 제한이다.

 

function fnExcelFileCheck() {
    // 1. 파일 선택 input 엘리먼트를 가져옵니다.
    var fileElements = document.getElementById('excelFile');

    // 2. 파일이 선택되지 않았을 경우 경고 메시지를 표시하고 업로드를 중단합니다.
    if (fileElements.value == '') {
        alert("엑셀 파일이 첨부되지 않았습니다.");
        return false;
    }

    // 3. 파일이 선택된 경우, 첫 번째 파일의 크기를 바이트 단위로 가져옵니다.
    var fileSize = fileElements.files[0].size;

    // 4. 최대 파일 크기 (3MB)와 비교하여 크기가 초과하면 경고 메시지를 표시하고 업로드를 중단합니다.
    var maxSize = 3 * 1024 * 1024; // 3MB
    if (fileSize > maxSize) {
        alert("첨부파일 사이즈는 3MB 이내로 등록 가능합니다.");
        return false;
    }

    // 5. 모든 체크를 통과한 경우, 업로드를 허용하고 true를 반환합니다.
    return true;
}

 

파일의 존재 여부와 파일 크기를 체크하는 JavaScript 함수이다. 코드는 다음과 같은 작업을 수행한다:

document.getElementById('excelFile')를 사용하여 업로드 폼에서 파일 선택 input 엘리먼트를 가져온다.

파일 선택 input 엘리먼트의 value를 확인하여 파일이 선택되었는지를 체크한다.
만약 파일이 선택되지 않았다면 "엑셀 파일이 첨부되지 않았습니다."라는 경고 메시지를 표시하고 false를 반환하여 업로드를 중단한다.

파일이 선택된 경우, fileElements.files[0].size를 사용하여 첫 번째 파일의 크기를 바이트 단위로 가져온다.

maxSize 변수를 사용하여 최대 파일 크기 (3MB)와 비교하고. 파일 크기가 최대 크기를 초과하면 "첨부파일 사이즈는 3MB 이내로 등록 가능합니다."라는 경고 메시지를 표시하고 false를 반환하여 업로드를 중단한다.

모든 체크를 통과한 경우, true를 반환하여 업로드를 허용한다.

이 코드는 파일 업로드 시 파일의 존재 여부와 크기를 체크하여 업로드를 허용 또는 중단하는데 사용된다.