방법1)


InternetExplorer 외


<script>

   function sizeCheck(){

       var size = document.getElementById("fileInput").files[0].size;

       alert(size);

   }

</script>


 <body>

<form name="frm">

    <input type="file" id="fileInput" />

    <input type="button" value="upload" onclick="sizeCheck();">

</form>


-----------------------------------------------------------------------------------------------------------------


InternetExplorer


<script>

function getSize(){

 var myFSO = new ActiveXObject("Scripting.FileSystemObject");

 var filepath = document.upload.file.value;

 var thefile = myFSO.getFile(filepath);

 var size = thefile.size;

 alert(size + " bytes");

}

</script>


<form name="upload">

<input type="file" name="file">

<input type="button" value="Size?" onClick="getSize();">

</form>


-----------------------------------------------------------------------------------------------------------------


방법2)


<script type="text/javascript">

    // 업로드 체크
    function fileCheck(fileValue)
    {
        //확장자 체크
        var src = getFileType(fileValue);

        if(!(src.toLowerCase() == "zip")))
        {
            alert("zip 파일로 압축하여 첨부해주세요.");
            return;
        }

        //사이즈체크
        var maxSize  = 31457280    //30MB
        var fielSize = Math.round(fileValue.fileSize);

        if(fileSize > maxSize)
        {
            alert("첨부파일 사이즈는 30MB 이내로 등록 가능합니다.    ");
            return;
        }

        form.submit();
    }

    
    // 파일 확장자 확인
    function getFileType(filePath)
    {
        var index = -1;
            index = filePath.lastIndexOf('.');

        var type = "";

        if(index != -1)
        {
            type = filePath.substring(index+1, filePath.len);
        }
        else
        {
            type = "";
        }

        return type;
    }

</script>
-------------------------------------------------------------------------------
< form name="frm">
    <input type="file" name="file1" />
    <input type="button" value="upload" onclick="fileCheck(document.frm.file1.value)">
< /form>


-----------------------------------------------------------------------------------------------------------------


방법3)


다른 방법 참조 http://stackoverflow.com/questions/3717793/javascript-file-upload-size-validation


/*

var viewFileSize = document.getElementById("viewFileSize");

viewFileSize.innerHTML = fileSize.toFixed(2);  //소수점 둘째자리까지 표시;

var maxSize = 5*1024*1000; //5M  개별파일 최대 용량

var maxFilesizeAll = 10*1024*1000; //10M 전체파일 최대 용량

*/