Usuń wybrane pliki przed przesłaniem za pomocą Javascriptu

Question

Załóżmy, że mam formularz umożliwiający użytkownikom przesyłanie wielu zdjęć, do których dołączono opcję ich usunięcia, jeśli nie chcą przesyłać tego konkretnego zdjęcia.

Czy można usunąć wartość z obiektu plików usuniętego (np. Nie chce się przesłać)?

Answer 1

FileList ma API do usuwania wpisów:

https://developer.mozilla.org/en/DOM/FileList

Jednak można zrekonstruować uploader plików za pomocą XHR2 i AJAX i filtr w treści tam. Sugeruje to przesyłanie XHR2 i AJAX i nie nadaje się do przesyłania w standardowym formacie <form>.

https://developer.mozilla.org/en/Using_files_from_web_applications

Answer 2

Jeśli używasz standardowego formularza z zestawem standardowych wejść plików, to możesz to zrobić jak ten http://jsfiddle.net/thXre/

$(document).ready(function(){ 
    $('.remove').click(function(){ 
     $(this).closest('div').slideUp('slow', function(){$(this).remove();}); 
    });   
});​ 

i kod:

<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 
<div> 
<input type='file' name='files[]'> <img src='x.gif' class='remove'> 
</div> 

Answer 3

Biblioteki najlepiej, zanim zdobędziemy standardowy interfejs API ...

• FineUploader. Demo. Ma usunięcie pliku, podgląd obrazu, zmianę nazwy pliku.

• bluimp's jQuery File Upload Plugin. Demo. Usunięcie pliku, podgląd obrazu, przesłanie pojedynczego pliku, przesłanie cofnięcia.

Są one również dostępne na https://cdnjs.com/