멀티업로더 만들어 보려 합니다.... 채택완료
RINIX
10년 전
조회 3,397
HTML5 멀티업로더를 만들어 보려 합니다.
시작이 반이라고....ㅜ.ㅡ
몇줄 적지도 않았는데 막히네요..
벌써 몇시간째 인지... 결국.....ㅜ.ㅡ
</p><p><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></p><p>
</p><p>///////////////// G5 멀티 업로더 /////////////////</p><p> </p><p>// HTML5 멀티파일 업로더</p><p>$.fn.GNU_Multi = function(settings) {
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 세팅 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //
settings = jQuery.extend({
uploadLimit : 10
},settings);
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 세팅끝 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ //</p><p>
// 멀티 업로더 인지 검사
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());
}
});
</p><p>
};
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 함수 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~//</p><p>//파일 카운트
function file_len(el){
file = $(el).val().split(', ');
return file.length;
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 함수끝 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~//
})(jQuery);</p><p>
문제는 이러 합니다.
멀티업로더를 이용해 파일을 선택 합니다.
세팅값은 최대 10개 선택입니다.
10개 이상 선택시 에러를 출력하고 파일 필드를 리셋합니다.
화면상에 서는 지워지지만 속성값을 지울수 가 없는듯....
파일 필드 어찌 리셋하나요???
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 3개
R
RINIX
10년 전
�
뽁스
10년 전
구글링 해보니 replaceWith 를 사용하면 될 것 같네요
https://www.google.co.kr/?gws_rd=ssl#newwindow=1&q=jquery+input+type+file+value+%EC%B4%88%EA%B8%B0%ED%99%94&revid=1355872972
https://www.google.co.kr/?gws_rd=ssl#newwindow=1&q=jquery+input+type+file+value+%EC%B4%88%EA%B8%B0%ED%99%94&revid=1355872972
R
RINIX
10년 전
아주 잘 됩니다..^^
좋은 정보 감사합니다.
좋은 정보 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
$(this).attr('value', '');
위와 같이 파일필드의 값을 지우려 하는데 않지워집니다...ㅜ.ㅡ
alert($(this).val());
화면 출력 내용은 지워져 있지만 값은 나온다는거...
업로드를 않해봐서 확실이 모르겠지만 될꺼라는거..ㅠ.ㅜ
닶이 없을까요...ㅜ.ㅡ
파일 필드를 지우고 새로 써야 하나요???