Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo contar el número de archivos seleccionados usando jQuery

Cuando desea que el usuario seleccione varios archivos para cargar, la validación del número de archivos es muy útil. Ayuda a evitar que el usuario seleccione varios archivos más allá del límite de carga. Antes de enviar los archivos seleccionados al script del lado del servidor, siempre es una buena idea validar el número de archivos en el lado del cliente.
Para implementar la validación del número de archivos del lado del cliente, debe contar el número de archivos seleccionados. Puedes contar los archivos seleccionados usando JavaScript y jQuery. El fragmento de código de ejemplo ayuda a contar el número de archivos de imagen seleccionados y validar el límite de carga de archivos usando jQuery.
HTML
El multipleatributo permite seleccionar múltiples archivos.
< input  type = "file"  id = "image"  name = "image []"  multiple >
JavaScript
incluye la biblioteca jQuery.
< script  src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></ script >
El número de imágenes seleccionadas se cuenta en el evento de cambio jQuery del campo de entrada del archivo. Si el número de los archivos seleccionados cruza el límite predefinido, se mostrará un mensaje de error.
< script > 
var limit = 5 ;
$ ( documento ) .ready ( función () {
    $ ( '#imagen' ) .change ( función () {
         var files = $ ( this ) [ 0 ] .files;
        if (files.length> limit) {
            alerta ( "Puedes seleccionar max" + limit + "imagenes" );
            $ ( '#imagen' ) .val ( '' );
            volver  falsa ;
        } else {
             return  true ;
        }
    });
});
</ script >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas