añadir un campo automatiamente...

[andrewp]

Hola,

Os pido vuestra ayuda porque no soy experto en JS... Tengo un pequeño script que a través de un input del tipo 'file', añade varios archivos (multiple) para subirlos a un servidor.

Aquí el script:

Código Javascript:

<script type="text/javascript">
                                function makeFileListImg() {
                                    var input = document.getElementById("fotos");
                                    var ul = document.getElementById("lista-fotos");
                                    while (ul.hasChildNodes()) {
                                        ul.removeChild(ul.firstChild);
                                        }
                                    for (var i = 0; i < input.files.length; i++) {
                                        var li = document.createElement("li");
                                        li.innerHTML = input.files[i].name;
                                        ul.appendChild(li);
                                        }
                                    if(!ul.hasChildNodes()) {
                                        var li = document.createElement("li");
                                        li.innerHTML = 'No se ha añadiodo ninguna foto';
                                        ul.appendChild(li);
                                        }
                                 }
                           </script>
                           <span ><ul id="lista de fotos"><li>No se ha añadiodo ninguna foto</li></ul></span>
 

Y el campo en PHP:

Código PHP:

<input id="fotos" type="file" name="fotos[]" multiple="multiple"  onChange="makeFileListImg();" />
 

De esta manera, por cada archivo subido, se genera una lista automática en el espacio "<span ><ul id="lista de fotos"><li>No se ha añadiodo ninguna foto</li>". Esto funciona muy bien.

Sin embargo, necesitaría añadir un campo automático por cada archivo añadido para que el usuario añada en pocas palabras ela descripción del archivo. Esto, por su puesto creo que debe hacerse en JS.

Podríais echarme una mano?

Gracias!