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

HTML5 멀티업로더를 만들어 보려 합니다.

시작이 반이라고....ㅜ.ㅡ

몇줄 적지도 않았는데 막히네요..

벌써 몇시간째 인지... 결국.....ㅜ.ㅡ

 

Copy
<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>​

 

Copy
///////////////// 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개 이상 선택시 에러를 출력하고 파일 필드를 리셋합니다.

화면상에 서는 지워지지만 속성값을 지울수 가 없는듯....

 

파일 필드 어찌 리셋하나요??? 

답변 1개

채택된 답변
+20 포인트

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

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

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

답변에 대한 댓글 3개

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



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



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



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



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



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



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



파일 필드를 지우고 새로 써야 하나요???
구글링 해보니 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
아주 잘 됩니다..^^
좋은 정보 감사합니다.

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

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

로그인
🐛 버그신고