Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Validar Multiples archivos con jquery

Estas en el tema de Validar Multiples archivos con jquery en el foro de Jquery en Foros del Web. Hola ha todos que tal veran estoy tratando de validar al momento de hacer un upload el peso y extension para ello tengo algo como ...
  #1 (permalink)  
Antiguo 06/09/2016, 14:36
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 9 años, 8 meses
Puntos: 2
Validar Multiples archivos con jquery

Hola ha todos que tal veran estoy tratando de validar al momento de hacer un upload el peso y extension para ello tengo algo como esto en mi html
Código HTML:
Ver original
  1. <input type="file" name="name_imagen[]" multiple="multiple" id="name_imagen">

en mi jquery solo estoy validando el peso a eso quiero agregarle la validacion de extension de momento solo tengo mi variable
Código Javascript:
Ver original
  1. $(function(){
  2.     $("input[type='submit']").prop("disabled",true);
  3.  
  4.     $("input[type='file']").bind('change',function(){
  5.         var a = 0;
  6.         var imageSize = $("#name_imagen").files.size;
  7.         var ext = $('#name_imagen').val().split('.').pop().toLowerCase();
  8.         for(var i = 0; i < imageSize; i ++){
  9.             var imageSize1 = imageSize.files[i].size;
  10.             if(imageSize1 > 1000000){
  11.                 alert("Mayor a lo permitido");
  12.             }
  13.         }
  14.     });
  15. });
cuando lo ejecuto me sale este error
Uncaught TypeError: Cannot read property 'size' of undefined y no se que es
  #2 (permalink)  
Antiguo 06/09/2016, 16:12
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 9 años, 8 meses
Puntos: 2
Respuesta: Validar Multiples archivos con jquery

Al final lo solucione de la siguiente manera
Código Javascript:
Ver original
  1. $(function(){
  2.         $("input[type='submit']").prop("disabled",true);
  3.        
  4.         $("input[type='file']").bind('change',function(){
  5.             var filesObj = name_imagen.files;
  6.             var filesArray = Object.keys(filesObj).map(function(key){
  7.                 return filesObj[key];
  8.             });
  9.             filesArray.forEach(function(file){
  10.                 if (file.size > 1000000){
  11.                     $("#error").html('<p>El Archivo' +file.name+ 'Supera lo permitido' +file.size+'</p>');
  12.                 }else{
  13.                     var ext = file.name.split('.');
  14.                     if($.inArray(ext[1].toLowerCase(),['jpg','png']) == -1){
  15.                         $("#error").html('<p>El Archivo' +file.name+ 'No esta Permitido</p>');
  16.                     }
  17.                 }
  18.             });
  19.         });
  20.     });
lo que hago es recorrer mi array de objetos que asigno en las primeras lineas y luego eso contiene ciertas propiedades las cuales valido dentro del foreach espero que le sirve a cualquier otra persona que tenga un problema similar

Etiquetas: multiples
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:14.