Recogida de valores FormData con php

[underwebinfo]

Hola que tal buenas, estaba haciendo un script para un multiple upload de imagenes/archivos en javascript cuando me di cuenta que php no me toma los valores de el envio les mostrare un ejemplo:

Código Javascript:

function Add_Photos(id){
    
    // --- Variables
    var ajax = new XMLHttpRequest();
 
    // -- Insercion de datos
    var datos = new FormData();
    datos.append('id',id);
    
    files = document.getElementById('Fotos').files;
    
    for (var i = 0, f; f = files[i]; i++) {
        datos.append('Foto',f.name);
    }
    
    // -- Abriendo php
    ajax.open('POST','Include/Add_Photos.php',true);
    
    // -- Barra de progreso
    var progressBar = $('div#Progressbar i');
    ajax.upload.onprogress = function(e) {
        if (e.lengthComputable) {
            
            var porcentaje = Math.ceil((e.loaded / e.total) * 100);
            progressBar.css('width',porcentaje+'%');
            $('div#Progressbar p').text(porcentaje+'%');
        }
    };
    
    // -- Cargado
    ajax.onload = function(e){
        alert(ajax.response);
    }
    ajax.error = function(){
    }
    
    // -- Envio los datos
    ajax.send(datos);
 

Código PHP:

# --- Framework
    include("Cm_Framework.php");
    
    # --- Clases
    $Mysql = new Cm_mysql;
    $Imagen = new Cm_Imagenes;
    
    # --- Variables
    $Album = $_POST['id'];
    $Img = $_FILES['Foto'];
    
    # --- Mysql
    $Mysql->Conectar();
    
    # --- Bucle for
    for($i=0,$f; $f = $Img[$i]; $i++){
        
        if($Imagen->Subir($f,'../../Prueba/'.$f['name'],20)){
            
            $Mysql->Consulta('INSERT INTO Fotos (Foto,Album) VALUES ("'.$f['name'].'","'.$Album.'")');
 
        }
        
        echo $f['name'];
    }
 

Hice un alert en javascript de solamente los nombres de los archivos enviados, y me encuentro con un mensaje de error de parte de php

Notice Undefined index: Foto in c:\xampp\etc...



Me encuentro en el dilema de no entender por que desconoce el envio de archivos :S $_FILES[Foto]

[IsaBelM]

primero decirte, por si no lo sabes, que file api es html5 y como tal unos navegadores la acepta otros no.
si quieres que sea cross-browser has de usar un iframe

una vez dicho esto, el problema ha de ser que le estás pasando un string
así intentas recogerlo $ _FILES y estás enviando f.name

[sonickseven]

tu probela es que en la linea 7 donde declara el formdata dentro de los parentesis tieen que poner el formulario ejemplo:

Código Javascript:

var datos=new FormData(document.querySelector('#miform'));
 

de esa forma si esta bn :D espero ahber te ayudado

[Triby]

Después de casi un año, yo creo que ya lo debió haber solucionado.