본문으로 바로가기

첨부파일 확장자 및 용량체크

category Frontend/jQuery 2019. 11. 6. 13:52

첨부파일 확장자 및 용량체크


// 파일첨부 체크 리스트
$("input[id=file]").change(function(){
 
    if($(this).val() != ""){
      // 확장자 체크
          var ext = $(this).val().split(".").pop().toLowerCase();
          if($.inArray(ext, ["gif","jpg","jpeg","png","hwp","pdf","doc","xls","xlsx","ppt","pptx","docx"]) == -1){
              alert("gif, jpg, jpeg, png 파일만 업로드 해주세요.");
              $(this).val("");
              return;
          }
          
          // 용량 체크
          for (var i=0; i<this.files.length; i++) {
            var fileSize = this.files[i].size;
            var fSMB = (fileSize / (1024 * 1024)).toFixed(2);
            var maxSize = 1024 * 1024 * 5;
            var mSMB = (maxSize / (1024 * 1024));
            if(fileSize > maxSize){
              alert(this.files[i].name + "(이)가 용량 5MB을 초과했습니다.\n\n<font color='red'>" + fSMB + "MB</font> / " + mSMB + "MB");
              $(this).val("");    
            }
          }
    }
});




'Frontend > jQuery' 카테고리의 다른 글

loading 심기  (0) 2019.11.15
Radio 클릭 후 취소하고 싶을 때  (0) 2019.11.15
checkbox의 전체 갯수와 선택된 갯수 구하기  (0) 2019.10.18
CheckBox All Click & UnClick  (0) 2019.10.02
input 실시간 감지  (0) 2019.06.23