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

멀티업로더 만들어 보려 합니다.... 채택완료

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 포인트
10년 전

​속성값을 지울수가 없다는게 무슨 뜻인가요?

파일 첨부하면 오른쪽에 나오는 파일이름인지 아님 다른건가요? 

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

답변에 대한 댓글 3개

R
RINIX
10년 전
파일 필드의 value 값을 확인 하면 전에 선택되어진 대로 나타납니다.



$(this).attr('value', '');



위와 같이 파일필드의 값을 지우려 하는데 않지워집니다...ㅜ.ㅡ



alert($(this).val());



화면 출력 내용은 지워져 있지만 값은 나온다는거...



업로드를 않해봐서 확실이 모르겠지만 될꺼라는거..ㅠ.ㅜ



닶이 없을까요...ㅜ.ㅡ



파일 필드를 지우고 새로 써야 하나요???
뽁스
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
R
RINIX
10년 전
아주 잘 됩니다..^^
좋은 정보 감사합니다.

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

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

로그인