html5를 사용하여 이미지 미리보기를 위해 배열에서 객체를 제거하는 중첩

Question

미리보기 이미지가 표시 영역에서 제거되도록 성공적으로 가져 왔지만 실제로 배열에서 제거하지는 않습니다. 그것이 결코 선택되지 않은 것처럼 그것을 제거하는 방법을 알아낼 수 없다, 도와주세요!

http://jsfiddle.net/ERZVC/

var count=0; 
function handleFileSelect(evt) { 
    var $fileUpload = $("input#files[type='file']"); 
    count=count+parseInt($fileUpload.get(0).files.length); 

    if (parseInt($fileUpload.get(0).files.length) > 6 || count>5) { 
     alert("You can only upload a maximum of 5 files"); 
     count=count-parseInt($fileUpload.get(0).files.length); 
     evt.preventDefault(); 
     evt.stopPropagation(); 
     return false; 
    } 
    var files = evt.target.files; 
    for (var i = 0, f; f = files[i]; i++) { 
     if (!f.type.match('image.*')) { 
      continue; 
     } 
     var reader = new FileReader(); 

     reader.onload = (function (theFile) { 
      return function (e) { 
       var span = document.createElement('span'); 
       span.innerHTML = ['<img class="thumb" src="', e.target.result, '" title="', escape(theFile.name), '"/><span class="remove_img_preview"></span>'].join(''); 
       document.getElementById('list').insertBefore(span, null); 
      }; 
     })(f); 

     reader.readAsDataURL(f); 
    } 
} 

$('#files').change(function(evt){ 
    handleFileSelect(evt); 
}); 

$('#list').on('click', '.remove_img_preview',function() { 
    $(this).parent('span').remove(); 
}); 

HTML 여기

<input type="file" id="files" name="image_file_arr[]" multiple> 
<br><output id="list"></output> 

Answer 1

fiddle는 갱신된다.

유일한 실수는 파일 제거시 카운터를 줄이지 않았다는 것입니다.

감사합니다.

var count=0; 
function handleFileSelect(evt) { 
    var $fileUpload = $("input#files[type='file']"); 
    count=count+parseInt($fileUpload.get(0).files.length); 

    if (parseInt($fileUpload.get(0).files.length) > 6 || count>5) { 
     alert("You can only upload a maximum of 5 files"); 
     count=count-parseInt($fileUpload.get(0).files.length); 
     evt.preventDefault(); 
     evt.stopPropagation(); 
     return false; 
    } 
    var files = evt.target.files; 
    for (var i = 0, f; f = files[i]; i++) { 
     if (!f.type.match('image.*')) { 
      continue; 
     } 
     var reader = new FileReader(); 

     reader.onload = (function (theFile) { 
      return function (e) { 
       var span = document.createElement('span'); 
       span.innerHTML = ['<img class="thumb" src="', e.target.result, '" title="', escape(theFile.name), '"/><span class="remove_img_preview"></span>'].join(''); 
       document.getElementById('list').insertBefore(span, null); 
      }; 
     })(f); 

     reader.readAsDataURL(f); 
    } 
} 

$('#files').change(function(evt){ 
    handleFileSelect(evt); 
}); 

$('#list').on('click', '.remove_img_preview',function() { 
    $(this).parent('span').remove(); 
    count--; 
}); 

[jQuery로 배열에서 삭제 삭제 화상 프리뷰 파일 (