Jak ograniczyć maksymalną liczbę elementów na wielu wejściach (<typ wejściowy = "plik" wiele />)

Question

Chcę przesłać tylko 2 elementy. Jak mogę maksymalny limit pozycji na wielokrotnością pliku wejściowego

Answer 1

Można uruchomić niektóre sprawdzania poprawności po stronie klienta jQuery sprawdzić:

$(function(){ 
    $("input[type='submit']").click(function(){ 
     var $fileUpload = $("input[type='file']"); 
     if (parseInt($fileUpload.get(0).files.length)>2){ 
     alert("You can only upload a maximum of 2 files"); 
     } 
    });  
});​ 

http://jsfiddle.net/Curt/u4NuH/

Ale pamiętaj, aby sprawdzić na stronie serwera także jako sprawdzanie poprawności po stronie klienta można ominąć dość łatwo.

Answer 2

Zamiast tego użyj dwóch elementów <input type=file>, bez atrybutu multiple.

Answer 3

Należy również rozważyć użycie bibliotek, aby to zrobić: pozwalają one na ograniczeniu i wiele więcej:

• FineUploader. Demo

• bluimp's jQuery File Upload Plugin. Zastosowanie: jquery file upload restricting number of files

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

Answer 4

<strong>On change of the input track how many files are selected:</strong> 

<script> 
    $("#image").on("change", function() { 
     if($("#image")[0].files.length > 2) { 
        alert("You can select only 2 images"); 
     } else { 
       $("#imageUploadForm").submit(); 
     } 
    }); 
</script> 
<input name="image[]" id="image" type="file" multiple="multiple" accept="image/jpg, image/jpeg" >