Problema para obtener archivos de campos dinamicos

[sofranco]

Hola, espero alguien me pueda colaborar con mi dilema, la cuestion es la siguiente, tengo un formulario que se genera desde una base de datos, este formulario establece unos campos tipo FILE, a su vez hay un boton para agregar mas campos FILE dinamicamente mediante Jquery, todo esto hasta el momento me funciona de maravilla, el problema lo tengo al momento de obtener los archivos que se adjuntan, solo me aparece el primer archivo adjunto pero no carga ninguno de los generados dinamicamente. Primero crei que era problema del envio de archivos o el formulario, o que simplemente no estaba obteniendo bien los datos pero al intentar mostrar todos los datos enviados por $_FILES solo me muestra el primero, entonces el envio se realiza, los datos se reciben normalmente, pero los campos dinamicos son los unicos que no envian los datos, asi que creo que el error esta en la creacion de estos o el envio con ajax. Espero alguien me pueda orientar un poco sobre esto.

Este es el codigo PHP utilizado para crear el formulario:

Código PHP:

  <?php
echo "<form method='POST' id='QuestionsINF' name='QuestionsINF'>";
$BD = mysql_fetch_array(mysql_query("SELECT * FROM check_list WHERE check_list_id='".$_POST['id']."'"));
while ($SQrow = mysql_fetch_array($SelectQuestions)) {
    $QSbd = "check_list_infraestructura_preg".$SQrow['orden'];
    echo "<tr>";
    echo "<td><b>".$SQrow['orden']."</b></td>";
    echo "<td>".$SQrow['pregunta']."</td>";
    $DatosPPV = array("SI"=>"SI","NO"=>"NO");
    echo "<td><select name='INF-".$SQrow['orden']."' id='INF-".$SQrow['orden']."'>
    <option value=''>SELECCIONAR</option>";
    foreach($DatosPPV as $indice=>$valor) {
    if ($BD[$QSbd] == $valor) {
        echo "<option value='".$indice."' selected>".$valor."</option>";
    }else {
        echo "<option value='".$indice."'>".$valor."</option>";
    }
    }
    echo "</select>";
    echo "</td>";
    echo "<td>";
    $OBbd = "check_list_infraestructura_preg".$SQrow['orden']."_observacion";
    echo "<a name='INF".$SQrow['orden']."_ancla' id='INF".$SQrow['orden']."_ancla'></a><textarea name='INF-".$SQrow['orden']."-OBS' id='INF-".$SQrow['orden']."-OBS'    cols='70' rows='5'>".$BD[$OBbd]."</textarea>";
    ////////// AQUI ES DONDE VAN LOS ARCHIVOS ADJUNTOS ///////////
    if ($SQrow['adjuntos'] == 'SI') {
        echo "Adjuntos:<div id='INF".$SQrow['orden']."_AdjDiv' name='INF".$SQrow['orden']."_AdjDiv' align='center'><div><input type='file' name='INF".$SQrow['orden']."_Adj[]' id='INF".$SQrow['orden']."_Adj[]'></div></div><a id='INF".$SQrow['orden']."_AddCampo' name='INF".$SQrow['orden']."_AddCampo' href='#INF".$SQrow['orden']."_ancla'>Adjuntar Otro</a>";
    }
    //////////////////////////////////////////////////////////////
    echo "</td>";
    echo "</tr>";
}
echo "<tr id='Buttons'><td colspan='4'><input type='button' name='Cancel2' id='Cancel2' value='CANCELAR CHECKLIST'>****<input type='submit' name='Next2' id='Next2' value='CONTINUAR - SIGUIENTE'></td></tr>";
echo "</form>";
?>   

Con este script verifico los campos y realizo el envio del formulario:

Código Javascript:

$(document).ready(function() {
    var CountQS = $("#CountQS").val();
    $("#QuestionsINF").submit(function(e) {
        var CQ2;
        var ArrINFjs = new Array(CountQS);
        var ArrINFjq = new Array(CountQS);
        var ArrINFo = new Array(CountQS);
        for (CQ2=1;CQ2<=CountQS;CQ2++) {
            ArrINFjs[CQ2] = "INF-"+CQ2;
            ArrINFjq[CQ2] = $("#INF-"+CQ2).val();
            ArrINFo[CQ2] = $("#INF-"+CQ2+"-OBS").val();
            if (ArrINFjq[CQ2] == "") {
                alert("Debe seleccionar una respuesta valida para la pregunta "+CQ2);
                document.getElementById(ArrINFjs[CQ2]).focus();
                return false;
            }           
        }   
    var inputs = new FormData(this);
        $.ajax({
                    type: "POST",
                    url: "includes/AlmacenandoChecklist.php",
                    data: inputs,
                    processData: false,
                    contentType: false,
                    beforeSend: function(){
                          //imagen de carga
                            $.blockUI({
                                message: '<h1>Cargando... Porfavor Espere...</h1>',
                                timeout: 2000
                                });
                    },
                    error: function(){
                          alert("Error petición ajax.");
                    },
                    success: function(data){
                          $("#cargando").css("display","table");
                          $("#DataReady").empty();
                          $("#DataReady").append(data);                                                             
                    }
              });
              e.preventDefault();   
    });
});
 

Y este es el script encargado de generar los campos dinamicos para subir archivos:

Código Javascript:

$(document).ready(function() {
    var Inc;
    var Max = $("#CountQS").val();
    var NameCampo = new Array(Max);
    var IndCampo = new Array(Max);
    var Etiqueta = new Array(Max);
    var NameCampo = $("#IDQuestions").val();
 
    for (Inc = 1; Inc <= Max; Inc++) {
            Etiqueta[Inc] = "#"+NameCampo+Inc+"_AddCampo";
            $(Etiqueta[Inc]).AddCampo(Etiqueta[Inc], NameCampo, Inc);
    }
});
 
 
jQuery.fn.AddCampo = function(etiqueta, nombreCampo, indice){
   $(this).each(function(){
      elem = $(this);
      elem.data("etiqueta",etiqueta);
      elem.data("nombreCampo",nombreCampo);
      elem.data("indice",indice);
      
      elem.click(function(e){
         e.preventDefault();
         elem = $(this);
         etiqueta = elem.data("etiqueta");
         nombreCampo = elem.data("nombreCampo");
         indice = elem.data("indice");
         texto_insertar = '<div name="'+nombreCampo+indice+'_nDiv" id="'+nombreCampo+indice+'_nDiv"><hr width="50%"><input type="file" name="'+nombreCampo+indice+'_Adj[]" id="'+nombreCampo+indice+'_Adj[]"><a href="'+nombreCampo+indice+'_ancla" class="eliminar"> Borrar</a></div>';
         indice ++;
         elem.data("indice",indice);
         nuevo_campo = $(texto_insertar);
         elem.before(nuevo_campo);
      });
   });
   $("body").on("click",".eliminar", function(e){
        $(this).parent('div').remove();
        return false;
    });
   return this;
}
 

En el archivo que lee los datos enviados ("AlmacenandoChecklist.php") solo tengo print_r($_FILES); para visualizar todos los archivos que me envie el formulario.

Bueno antemano muchas gracias a los que se tomen la molestia de leer ^^ espero encontrar el problema, e intentado de muchas formas y aun no se en que fallo :S

[caricatos]

Hola:

La parte javascript la tratas con jQuery, así que movemos el tema a su foro...

Es preferible que pongas el código que recibe el navegador (ver código fuente), y a groso modo, los arrays los considera así php si los nombres terminan en un juego de corchetes.

Saludos

[sofranco]

Gracias caricatos, el codigo fuente ps arroja todo lo generado en php, los campos agregados con javascript, no estoy muy seguro si eso es normal.

Bueno creo haber encontrado el problema, pero estoy cruzado de manos, no se que esta mal. Les cuento, realice varias pruebas para descartar problemas:

1. Envie el formulario normalmente por POST mediante html (<form method='POST' id='QuestionsINF' name='QuestionsINF' method='post' action='index2.php?paginas=GuardarChecklist' enctype='multipart/form-data'>), y recoji los campos con printr($_FILES) y solo envia el campo tipo FILE que no es creado dinamicamente. No reconoce ninguno de los campos que la funcion jquery generaba.

2. crei que depronto era el script jquery asi que opte por generarlo en javascript y cree la siguiente funcion:

Código Javascript:

var incremento = 1;
function Agregar_Campo (indice) {
    var prefijo = "INF";
    
    nDiv = document.createElement("div");
    nDiv.className = prefijo+indice+"_Archivo";
    nDiv.id = "Adjunto"+incremento;
    
    nCampo = document.createElement('input');
    nCampo.name = prefijo+indice+"_Adj[]";
    nCampo.type = "file";
 
    nDiv.innerHTML = "Nombre: "+ nCampo.name + "<br>Tipo: "+ nCampo.type;
    
    nBorrar = document.createElement("a");
    nBorrar.name = nDiv.id;
    nBorrar.href = "#"+prefijo+indice+"_ancla";
    nBorrar.className = "eliminar";
    nBorrar.innerHTML = "Borrar";
    
    nHR = document.createElement("hr");
    nHR.width = "50%";
    
    nDiv.appendChild(nHR);
    nDiv.appendChild(nCampo);
    nDiv.appendChild(nBorrar);
    nContainer = document.getElementById(prefijo+indice+"_AdjDiv");
    nContainer.appendChild(nDiv);
    
    $(document).ready(function() {
        $("body").on("click",".eliminar", function(e){
            $(this).parent('div').remove();
            return false;
        });
        return this;
    });
    incremento++;
}
 

No sirvio de mucho o mas bien no sirvio de nada, me dio el mismo resultado los mismos campos que no se envian.
Por esto creo que el problema esta en que los campos dinamicos no se estan generando correctamente, pero no logro encontrar la falla. Bueno sigo atento a alguna señal que me ilumine!! jejeje Gracias de nuevo

[sofranco]

Otra novedad bastante curiosa, resulta que en Google Chrome y en Mozilla Firefox no funciona (estos dos estan actualizados a sus ultimas versiones), pero en Internet Explorer 8+ funciona perfectamente. Ahora si estoy mas perdido que puedo hacer para que estos funcione en todo tipo de navegador >.<