Recuperar inputs dinamicos

zapt142 · #1 (**permalink**) 21/10/2010, 12:13

hola a todos tengo una pagina que crea inputs fiels dinamicos para la subida de imagenes por parte del usuario este es mi codigo:

Código HTML:

Ver original<script type="text/javascript">
<!--
num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'div'+num; // 3
  fi.appendChild(contenedor); // 4
 
  ele = document.createElement('input'); // 5
  ele.type = 'file'; // 6
  ele.name = 'fil[]'; // 6
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = 'Borrar'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7
}
function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script>
</head>
<body>
<form method="post" action="algo.php">
<input type="hidden" name="id" value="<?php echo $_GET['id_revista']; ?>" />
<fieldset id="fiel">
<input type="button" value="Crear" onclick="crear(this)" />
</fieldset>
<input type="submit" name="mm" value="Aceptar" />
</form> 
</body>

y trato de procesarlo en un archivo.php para subir todas las imagenes posibles ademas de insertar en la base de datos su nombre este es el codigo de dicha pagina:

Código PHP:

Ver original<?php
include('candado.php');
include('config.php');
$id = $_POST['id']; //Recuperamos el id
$total = count($_FILES['fil']['name']); //Total de inputs
$sql = "select carpeta from revista where id_revista = $id";
$done = mysql_query($sql,$conn) or die(mysql_error());
$fila = mysql_fetch_array($done);
$carpeta = $fila['carpeta'];
$dir = "revista/".$carpeta."/";
for($i=0;$i<$total;$i++){  
move_uploaded_file ($_FILES['fil']['tmp_name'][$i], $dir.$_FILES['fil']['name'][$i]); //subimos las imagenes
$query = "insert into agregados(imag,carpeta,id_rev) values('".$_FILES['fil']['name'][$i]."','$carpeta',$id)";
mysql_query($query,$conn) or die(mysql_error());
}
 
 
?>

Pero no me inserta en la base de datos ni sube las imagenes, gracias de antemano por la ayuda

carmagedon · #2 (**permalink**) 21/10/2010, 12:22

Hola,
Por empezar te falta el enctype="multipart/form-data" dentro del form.
Probaste en cambiar el POST por GET? Así mirás bien que datos se te envian.

Si vas a trabajar con divs, te aconsejaria que lo hagas un poco más claro.

Código Javascript:

Ver originalvar fi = document.getElementById('fiel'); // 1
            
            var contenedor = document.createElement('div'); // 2
            contenedor.id = 'div'+num; // 3
 
            var ele = document.createElement('div'); // 5
            ele.innerHTML = "<input type='file' id='fil'>";
            contenedor.appendChild(ele); // 7            
            
            fi.appendChild(contenedor); // 4

Yo lo haría de ésa forma, queda todo un poco más claro, pero es cuestiones de gustos.
Hace lo que te dije anteriormente para ver que pasa.

Saludos.

zapt142 · #3 (**permalink**) 21/10/2010, 12:39

ya he puesto el enctype en el formulario pero lo extraño es que no me recupera el $_FILES['fil']['name'] del arreglo, además de ponerle un echo a total y me muestra cero y sigue sin insertar o subir las imagenes aqui les dejo como he cambiado el codigo:

Código HTML:

Ver original<script type="text/javascript">
<!--
num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'div'+num; // 3
  fi.appendChild(contenedor); // 4
 
  ele = document.createElement('input'); // 5
  ele.type = 'file'; // 6
  ele.name = 'fil'+num; // 6
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = 'Borrar'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7
}
function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script>
</head>
<body>
<form method="post" action="mas.php" enctype="multipart/form-data">
<input type="hidden" name="id" value="<?php echo $_GET['id_revista']; ?>" />
<fieldset id="fiel">
<input type="button" value="Crear" onclick="crear(this)" />
</fieldset>
<input type="submit" name="mm" value="Aceptar" />
</form>

PHP

Código PHP:

Ver original<?php
include('candado.php');
include('config.php');
$id = $_POST['id']; //Recuperamos el id
$total = count($_FILES['fil']['name']); //Total de inputs
echo $total;
echo $_FILES['fil']['name'];
$sql = "select carpeta from revista where id_revista = $id";
$done = mysql_query($sql,$conn) or die(mysql_error());
$fila = mysql_fetch_array($done);
$carpeta = $fila['carpeta'];
$dir = "revista/".$carpeta."/";
for($i=0;$i<$total;$i++){  
//move_uploaded_file ($_FILES['fil']['tmp_name'][$i], $dir.$_FILES['fil']['name'][$i]); //subimos las imagenes
$query = "insert into agregados(imag,carpeta,id_rev) values('".$_FILES['fil']['name'][$i]."','$carpeta',$id)";
echo $query;
//mysql_query($query,$conn) or die(mysql_error());
}
 
 
?>

zapt142 · #4 (**permalink**) 21/10/2010, 13:14

he modificado una linea

Código HTML:

ele.name = 'fil[]'; // 6

pero ahora cuando se envia el form al archivo php donde se procesa aparece esto en pantalla:

Código HTML:

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator, [email protected] and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Apache mod_fcgid/2.3.5 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 Server at internovo.com.mx Port 80

cabe mencionar que si inserta en la base de datos y si sube las imagenes porque vi la base de datos además de la carpeta donde deberías subir las imagenes y tiene registros y tambien estan las imagenes, he mirado el error_log de mi servidor y no parece ningun error marcado con la hora en que estamos o lo más cercana para poder investigar pero como menciono nada que podrá ser?

carmagedon · #5 (**permalink**) 21/10/2010, 13:22

Hola,

Mira, yo probé con ésto. Es para identificar cuantos inputs solicitaste, y éste te devuelve el total, luego sera cuestion de que hagas un for para ir recibiendo el valor de cada "file".

Código HTML:

Ver original<script type="text/javascript">
    <!--
    num=0;
    function crear(obj) {        
        fi = document.getElementById('fiel'); // 1
        contenedor = document.createElement('div'); // 2
        contenedor.id = 'div'+num; // 3
        fi.appendChild(contenedor); // 4
 
        ele = document.createElement('div'); // 5
        ele.innerHTML = "<input type='file' name='fil"+num+"'>";
        contenedor.appendChild(ele); // 7
 
        ele = document.createElement('div'); // 5        
        ele.innerHTML = "<input type='hidden' name='total' value='"+num+"'>";
        contenedor.appendChild(ele); // 7
 
        ele = document.createElement('input'); // 5
        ele.type = 'button'; // 6
        ele.value = 'Borrar'; // 8
        ele.name = 'div'+num; // 8
        ele.onclick = function () {borrar(this.name)} // 9
        contenedor.appendChild(ele); // 7
        num++;
    }
    function borrar(obj) {
        fi = document.getElementById('fiel'); // 1
        fi.removeChild(document.getElementById(obj)); // 10
    }
    -->
</script>
</head>
<body>
    <form method="post" action="other.php" enctype="multipart/form-data">
        <input type="hidden" name="id" value="<?php echo $_GET['id_revista']; ?>" />        
        <fieldset id="fiel">
            <input type="button" value="Crear" onclick="crear(this)" />
        </fieldset>
        <input type="submit" name="mm" value="Aceptar" />
    </form>

Código PHP:

Ver original<?php
include('candado.php');
include('config.php');
$id = $_POST['id']; //Recuperamos el id
$total = $_POST["total"];//$total = count($_FILES['fil']['name']); //Total de inputs
echo $total;
echo $_FILES["fil".$total]['name'];
 
$sql = "select carpeta from revista where id_revista = $id";
$done = mysql_query($sql,$conn) or die(mysql_error());
$fila = mysql_fetch_array($done);
$carpeta = $fila['carpeta'];
$dir = "revista/".$carpeta."/";
for($i=0;$i<$total;$i++) {
//move_uploaded_file ($_FILES['fil']['tmp_name'][$i], $dir.$_FILES['fil']['name'][$i]); //subimos las imagenes
    $query = "insert into agregados(imag,carpeta,id_rev) values('".$_FILES['fil']['name'][$i]."','$carpeta',$id)";
    echo $query;
//mysql_query($query,$conn) or die(mysql_error());
}
?>

El código así está muy feo, tendrías que mejorarlo y adaptarlo a tu forma. Pero bueno, creo que lo que necesitabas recibir ahora lo está haciendo.

Suerte.