Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/08/2012, 04:22
charlyta
 
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. }());