멀티업로더 만들어 보려 합니다....
본문
HTML5 멀티업로더를 만들어 보려 합니다.
시작이 반이라고....ㅜ.ㅡ
몇줄 적지도 않았는데 막히네요..
벌써 몇시간째 인지... 결국.....ㅜ.ㅡ
<input name="bf_file[]" type="file" testname="test" class="frm_file frm_input" id="multi_up" />
<script src="<?php echo $board_skin_url; ?>/multiupload.js"></script>
<script>
$(document).ready(function(){
$('#multi_up').GNU_Multi();
});
</script>
///////////////// G5 멀티 업로더 /////////////////
// HTML5 멀티파일 업로더
$.fn.GNU_Multi = function(settings) {
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 세팅 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //
settings = jQuery.extend({
uploadLimit : 10
},settings);
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 세팅끝 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //
// 멀티 업로더 인지 검사
multi_true = $(this).attr('multiple');
if(multi_true != 'multiple') $(this).attr('multiple', 'multiple');
$(this).change(function(){
file_count = file_len(this);// 선택되어진 파일 카운팅
if(settings.uploadLimit < file_count){ // 선택되어진 파일 갯수가 설정값보다 높다면
alert('최대 파일 업로드 갯수는 '+ settings.uploadLimit +'개 입니다.'); // 에러 출력
// 릿셋이 않됨....
alert($(this).val());
$(this).select();
document.selection.clear();
$(this).attr('value', '');
alert($(this).val());
}
});
};
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 함수 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~//
//파일 카운트
function file_len(el){
file = $(el).val().split(', ');
return file.length;
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 함수끝 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~//
})(jQuery);
문제는 이러 합니다.
멀티업로더를 이용해 파일을 선택 합니다.
세팅값은 최대 10개 선택입니다.
10개 이상 선택시 에러를 출력하고 파일 필드를 리셋합니다.
화면상에 서는 지워지지만 속성값을 지울수 가 없는듯....
파일 필드 어찌 리셋하나요???
!-->!-->
답변을 작성하시기 전에 로그인 해주세요.