Foros del Web » Programando para Internet » Jquery »

Subir varias imagenes jquery

Estas en el tema de Subir varias imagenes jquery en el foro de Jquery en Foros del Web. Hola Con el siguiente script puedo subir una imagen con jquery, pero mi pegunta seria como hago para subir mas de una imagen al tiempo ...
  #1 (permalink)  
Antiguo 20/06/2015, 22:08
Avatar de kakashi20  
Fecha de Ingreso: septiembre-2009
Mensajes: 616
Antigüedad: 15 años, 2 meses
Puntos: 15
Exclamación Subir varias imagenes jquery

Hola

Con el siguiente script puedo subir una imagen con jquery, pero mi pegunta seria como hago para subir mas de una imagen al tiempo en un solo input ?

Gracias

Código Javascript:
Ver original
  1. var inputFileImage = document.getElementById('image');
  2.                 var formElement = document.getElementById("RevisionTicket");
  3.                
  4.                 var file = inputFileImage.files[0];
  5.                
  6.                 var data = new FormData(formElement);
  7.                
  8.                 data.append('image',file);
  9.                
  10.                
  11.                
  12.                 var url = 'AprobarTicket2.php';
  13.                
  14.                 $.ajax({
  15.                
  16.                 url:url,
  17.                
  18.                 type:'POST',
  19.                
  20.                 contentType:false,
  21.                
  22.                 data:data,
  23.                
  24.                 processData:false,
  25.                
  26.                 cache:false,
  27.                
  28.                 beforeSend: function(){
  29.                                 $("body").addClass("loading");
  30.                                      
  31.                             },
  32.                
  33.                 success: function(data){
  34.                              
  35.                                 $("body").removeClass("loading");
  36.                                 //$("#contenidoSecPaginas").html(data);
  37.                                 alert(data);
  38.                              
  39.                                
  40.                 },
  41.                
  42.                
  43.                 });

Última edición por kakashi20; 20/06/2015 a las 22:26 Razón: mejorar el contexto
  #2 (permalink)  
Antiguo 21/06/2015, 08:49
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: Subir varias imagenes jquery

El objeto FormData puede recibir a todo el formulario como parámetro, así que solo sería cuestión de que ya no añadas solo a la primera imagen en la línea de data.append('image', file), pero si quieres seguir haciéndolo así, tendrás que recorrer con un bucle el contenido de inputFileImage.files e ir añadiendo archivo por archivo con data.append.

No olvides que el campo <input type = "file" /> debe de poseer el atributo multiple.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 21/06/2015, 14:50
Avatar de kakashi20  
Fecha de Ingreso: septiembre-2009
Mensajes: 616
Antigüedad: 15 años, 2 meses
Puntos: 15
Ok. Gracias por la ayuda

Etiquetas: imagenes
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 08:11.