input 파일 업로드시 체크

input 타입이 파일인 업로드시 체크해주기 예시 !!

<form id="uploadFrm" method="post" action="<c:url value='/excelUpload.do'/>" enctype="multipart/form-data">
<input type="file" name="upFile" id="upFile" accept=".xlsx, .xls" class="button01"/>
<input type="button" onclick="uploadExcel()" class="button01" value="엑셀 파일 업로드">
</form>

function uploadExcel(){

if($("#upFile").val() == ''){

alert("업로드 할 엑셀 파일 먼저 첨부 바랍니다.");

}else if( $("#upFile").val() != "" ){

          var ext = $('#upFile').val().split('.').pop().toLowerCase();
          
     if($.inArray(ext, ['xls','xlsx']) == -1) {
     
        alert('등록 할수 없는 파일명입니다. 엑세 파일만 선택 바랍니다.');
        $("#upFile").val(""); // input file 파일명을 다시 지워준다.
        return false;
        
    }else{

var frm = $("#uploadFrm");
frm.attr("action", "<c:url value='/excelUpload.do'/>");
frm.submit();

}

}

}



파일이 없는데 업로드하려고 하는 경우 체크가능.