Foros del Web » Programando para Internet » Javascript » Frameworks JS »

error pasando datos a ajax

Estas en el tema de error pasando datos a ajax en el foro de Frameworks JS en Foros del Web. Hola! Recibo un upload múltiple de imagenes con ajax para pasarlo a php, he querido incluir un input en el forulario que indique la carpeta ...
  #1 (permalink)  
Antiguo 25/08/2012, 04:22
 
Fecha de Ingreso: junio-2008
Mensajes: 291
Antigüedad: 16 años, 6 meses
Puntos: 9
error pasando datos a ajax

Hola! Recibo un upload múltiple de imagenes con ajax para pasarlo a php, he querido incluir un input en el forulario que indique la carpeta deseada donde guardar las imágenes, pero no sé cómo definir la recepción del dato en el archivo ajax porque no está estructurado según yo lo hago y no acabo de entender dónde debo implementarlo. Este es el code:


Código Javascript:
Ver original
  1. (function () {
  2.     var input = document.getElementById("images"),
  3.         formdata = false;
  4.  
  5.     function showUploadedItem (source) {
  6.         var list = document.getElementById("image-list"),
  7.             li   = document.createElement("li"),
  8.             img  = document.createElement("img");
  9.         img.src = source;
  10.         li.appendChild(img);
  11.         list.appendChild(li);
  12.     }  
  13.  
  14.     if (window.FormData) {
  15.         formdata = new FormData();
  16.         document.getElementById("btn").style.display = "none";
  17.     }
  18.    
  19.     input.addEventListener("change", function (evt) {
  20.         document.getElementById("response").innerHTML = "Uploading . . ."
  21.         var i = 0, len = this.files.length, img, reader, file;
  22.    
  23.         for ( ; i < len; i++ ) {
  24.             file = this.files[i];
  25.    
  26.             if (!!file.type.match(/image.*/)) {
  27.                 if ( window.FileReader ) {
  28.                     reader = new FileReader();
  29.                     reader.onloadend = function (e) {
  30.                         showUploadedItem(e.target.result, file.fileName);
  31.                     };
  32.                     reader.readAsDataURL(file);
  33.                 }
  34.                 if (formdata) {
  35.                     formdata.append("images[]", file);
  36.                 }
  37.             }  
  38.         }
  39.    
  40.         if (formdata) {
  41.             $.ajax({
  42.                 url: "upload.php",
  43.                 type: "POST",
  44.                 data: formdata,
  45.                 processData: false,
  46.                 contentType: false,
  47.                 success: function (res) {
  48.                     document.getElementById("response").innerHTML = res;
  49.                 }
  50.             });
  51.         }
  52.     }, false);
  53. }());
  #2 (permalink)  
Antiguo 27/08/2012, 07:06
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: error pasando datos a ajax

recuerda que ajax no puede leer archivos, por eso usas HTML5 FileApi, pero tampoco veo dónde le pasas los binarios de los archivos

http://robertnyman.com/2010/12/16/ut...ultiple-files/
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax
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 03:55.