테스트 사이트 - 개발 중인 베타 버전입니다

첨부파일 확장자 인풋별로 제한 주기~ 채택완료

모래위 11년 전 조회 11,723

안녕하세요. 질문이 있습니다. 아래 처럼 파일 두개를 각각 따로 올리게끔 해놓앟는데요. 혹시 따로따로 하나씩 확장자 제한을 둘수있을까요? 첫번째는 jpg,png 등 이미지 파일을 올릴거구요. 더분째는 mp3파일만 올릴겁니다ㅠ required class="frm_file frm_input"> required class="frm_file frm_input"> 도움 좀 부탁드립니다ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

11년 전

에고 이번에도 질문 올려놓고 찾다 해결했네요;; //파일 선택시

$('#imgfile').on("change", function(){

//확장자 비교

//http://stackoverflow.com/questions/14852090/jquery-check-for-file-extension-before-uploading">http://stackoverflow.com/questions/14852090/jquery-check-for-file-extension-before-uploading

var filename = $('#imgfile').val();

var extension = filename.replace(/^.*\./, '');

if (extension == filename) {

        extension = '';

    } else {

        extension = extension.toLowerCase();

    }

//이미지 파일은 JPG, PNG 확장자만 가능

if( (extension != 'jpg') && (extension != 'png') ) {

//초기화

//http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery">http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery

var control = $("#imgfile");

control.replaceWith( control = control.clone( true ) );

alert("이미지 파일은 JPG, PNG 확장자만 가능합니다.");

}

}); <input type="file" id="imgfile​" name="imgfile​"/>​ 제이쿼리입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

홈짱
9년 전
유용한 팁, 감사합니다.
인비알
8년 전
꿀팁 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인