29
Quiero subir solo 2 elementos. ¿Cómo se puede prevenir número máximo de elementos en un archivo de entrada múltipleCómo limitar elementos máximos en una entrada múltiple (<input type = "file" multiple />)
A
Respuesta
33
Se puede ejecutar una validación del lado del cliente jQuery para comprobar:
$(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/
pero recuerde que debe comprobar en el lado del servidor también como La validación del lado del cliente se puede evitar con bastante facilidad.
+0
¿Es esto posible dentro de la forma/entrada en sí? – Wanjia
-3
Use dos elementos <input type=file> en su lugar, sin el atributo multiple.
+1
esto solo permitirá una imagen, quiere 2 imágenes – Diego
+2
no, esto permite dos objetos separados de la lista de archivos y se usó consistentemente como el método para cargar múltiples archivos y limitar sus números --- 15 años atrás –
1
También debe considerar el uso de bibliotecas de hacer eso: permiten limitar y mucho más:
También están disponibles en https://cdnjs.com/
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" >
+1
Note el punto y coma falso después la condición si. – Qdeep
Cuestiones relacionadas
- 1. Comprensión <input type = "file">
- 2. ¿Cómo hacer que <input type = "file" /> editable?
- 3. ¿Podemos cambiar <input type = "file"> style?
- 4. ¿Cómo seleccionar múltiples archivos con <input type = "file">?
- 5. ¿Puede EditorFor() usarse para crear <input type = "file">?
- 6. Leyendo archivos locales con <input type = "file">?
- 7. <input type = "file"> - custom styles/css
- 8. Html helper for <input type = "file" />
- 9. Diferencia entre <input type = 'button' /> y <input type = 'submit' />
- 10. modelo de caja inconsistente entre <input type = "submit" /> y <type = "text" input />
- 11. Cómo estilo <input type = "text"> en IE6 CSS?
- 12. <input type = "file"> límite de archivos seleccionables por extensiones
- 13. ¿Cómo obtener la ruta del archivo en html <input type = "file"> en PHP?
- 14. jQuery: simular un clic en un <input type = "file" /> no funciona en Firefox?
- 15. cómo ocultar la ubicación del archivo en <input type = 'file'>?
- 16. Cómo crear <input type = "text" /> dinámicamente
- 17. Poner en valor por defecto <input type = archivo ....>
- 18. Cómo permitir que <input type = "file"> acepte solo archivos de imagen
- 19. controlar el directorio de trabajo para <input type = "file">?
- 20. Cómo restringir <input type = "file"> para que solo pueda seleccionar archivos .pdf?
- 21. Configuración uniforme <input type = "file"> width en todos los navegadores
- 22. ¿Cómo puedo agregar relleno a <input type = "button">?
- 23. HTML <input type = 'archivo'> aplicar un filtro
- 24. Relleno adicional en <input type = "text">
- 25. Problema con <input type = 'text' /> y <textarea> width
- 26. HTML <input type = 'archivo'> Selección archivo de eventos
- 27. jQuery: obtenga el nombre de archivo seleccionado de <input type = "file" />
- 28. ¿Está bien usar <input type = "tel" /> ahora?
- 29. detectar si <input type = "archivo" /> se apoya
- 30. jQuery set <input type = "range"> value
Esto podría ser útil: http://stackoverflow.com/questions/9813556/multiple-file-upload-file-input -limit-number-of-files –
Posible duplicado de [Contar y limitar el número de archivos cargados (entrada de archivo HTML)] (https://stackoverflow.com/questions/9813556/count-and-limit-the-number- of-files-upload-html-file-input) – gbjbaanb