Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/11/2012, 03:03
underwebinfo
 
Fecha de Ingreso: septiembre-2012
Ubicación: Buenos aires
Mensajes: 110
Antigüedad: 11 años, 7 meses
Puntos: 9
Respuesta: Funcion multiple upload php

Te paso el script ajax, no solo es para subir archivos si no que es para subir multiples archivos y mostrar una barra de progreso de subida :)

Código Javascript:
Ver original
  1. function upload(id){
  2.    
  3.     // Variables
  4.     var ajax        = new XMLHttpRequest();
  5.     var Datos       = new FormData();
  6.     var Upload = document.getElementById('Fotos');
  7.     var i = 0, file;
  8.    
  9.     // Open
  10.     ajax.open('POST','Include/Add_Photos.php',true);
  11.    
  12.     // Vars
  13.     Datos.append('id',id);
  14.     var len = Upload.files.length;
  15.        
  16.     // for
  17.     for( ; i < len; i++){
  18.            
  19.         file = Upload.files[i];
  20.    
  21.         if(!!file.type.match(/image.*/)){
  22.             Datos.append('images[]', file);
  23.         }
  24.     }
  25.    
  26.     // -- onload
  27.     ajax.onload = function(){
  28.        
  29.         alert(this.response);
  30.        
  31.     }
  32.    
  33.     // -- Barra de progreso
  34.     var progressBar = $('i.Estado');
  35.     ajax.upload.onprogress = function(e) {
  36.         if (e.lengthComputable) {
  37.            
  38.             var porcentaje = Math.ceil((e.loaded / e.total) * 100);
  39.             $('#Progressbar i').css('width',porcentaje+'%');
  40.             $('#Progressbar p').text(porcentaje+'%');
  41.         }
  42.     };
  43.  
  44.     // Send
  45.     ajax.send(Datos);
  46. }