첨부파일 확장자 인풋별로 제한 주기~
본문
안녕하세요. 질문이 있습니다.
아래 처럼 파일 두개를 각각 따로 올리게끔 해놓앟는데요.
혹시 따로따로 하나씩 확장자 제한을 둘수있을까요?
첫번째는 jpg,png 등 이미지 파일을 올릴거구요.
더분째는 mp3파일만 올릴겁니다ㅠ
<input type="file" name="bf_file[0]" title="파일첨부 1 : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" <?php if($w == 'u' && $file[0]['file']) { ?><?}else{?>required<?}?> class="frm_file frm_input">
<input type="file" name="bf_file[1]" title="파일첨부 1 : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" <?php if($w == 'u' && $file[1]['file']) { ?><?}else{?>required<?}?> class="frm_file frm_input">
도움 좀 부탁드립니다ㅠㅠ
답변 1
에고 이번에도 질문 올려놓고 찾다 해결했네요;;
//파일 선택시
$('#imgfile').on("change", function(){
//확장자 비교
//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
var control = $("#imgfile");
control.replaceWith( control = control.clone( true ) );
alert("이미지 파일은 JPG, PNG 확장자만 가능합니다.");
}
});
<input type="file" id="imgfile" name="imgfile"/>
제이쿼리입니다.