파일 업로드 용량 제한

HTML

<input type="file" id="studyCoverUrl" name="studyCoverUrl" 
accept=".gif, .jpg, .png, .jpeg, .PNG">

JS

$("input[name=studyCoverUrl]").off().on("change", function(){

  if (this.files && this.files[0]) {

    var maxSize = 1 * 1024 * 1024;
    var fileSize = this.files[0].size;

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

적용 시 이미지