알찬정보 툰코 개발 트렌드 이슈 코딩

javascript 파일 업로드 확장자 체크

      // 파일 업로드 확장자 체크
     if( $("#file_input").val() != "" ){
          var ext = $('#docufile').val().split('.').pop().toLowerCase();
  	  if($.inArray(ext, ['gif','png','jpg','jpeg','doc','docx','xls','xlsx','hwp']) == -1) {
  	     alert('등록 할수 없는 파일명입니다.');
  	     $("#file_input").val(""); // input file 파일명을 다시 지워준다.
  	     return;
 	  }
      }
});

javascript 파일 용량 체크

//용량체크
if(document.getElementById("file_input").value!=""){
    var fileSize = document.getElementById("file_input").files[0].size;
    var maxSize = 3 * 1024 * 1024;//3MB
 	 
    if(fileSize > maxSize){
       alert("첨부파일 사이즈는 3MB 이내로 등록 가능합니다. ");
        $("#file_input").val("");
        return;
     }
} 

용량 유효성 체크는 위와같이 이용하시면 됩니다. maxSize 변수로 원하는 용량을 정하시면 됩니다.

3 * 1024 * 1024 는 3메가 이구요. 왼쪽 3 숫자를 10으로 바꾸시면 10메가 바이트로 

용량체크를 정하는 겁니다.