Añadir otro adjunto

[vgonga1986]

Buenas,

Me gustaría solicitaros ayuda con un tema. Estoy empezando a trabajar con AJAX, pero creo que la duda es exclusivamente de JavaScript.

Estoy haciendo un formulario al que se pueden adjuntar ficheros para subirlos y quería añadir el típico enlace de "Añadir otro adjunto". Tengo el siguiente HTML:

Código HTML:

<div id="clone-input"><input type="file" name="attachment[]"/></div><a href="javascript:cloneInput()">Adjuntar otro</a> 

Y el JS:

Código:

function cloneInput(){
	var new_input = '<input type="file" name="attachment[]"/>';
	var parent = document.getElementById('clone-input');
	var complete = '';
	for (var i = 0; i < parent.childNodes.length; i++) {
		complete += '<input type="file" name="attachment[]" value="' + parent.childNodes[i].value + '"/>';
	}
	complete += new_input;
	alert(complete);
	parent.innerHTML = complete;
}

El nuevo input lo crea perfectamente, pero los inputs que hubiera antes pierden el fichero si ya lo insertaste. Es decir, si añades un fichero en el input y le das a añadir otro, este se añade sin problemas, pero el input que ya habías rellenado se vacía.

Hice el código que veis ahí para intentar solucionarlo, pero parent.childNodes[i].value sólo tiene el nombre del fichero y la ruta se pierde, creo que por eso se pierde el value.

Espero que me puedan echar una mano, un saludo.

[caricatos]

Hola:

Yo suelo clonar un tag oculto
<div id="oculto">
<input type="file" name="ficheros[]" />
</div>

...

elinput = document.getElementById("oculto").getElementsByTag Name("input")[0].cloneNode(true);

... y luego se añade al formulario ...

document.forms.el_form.appendChild(elinput);

Solo queda la parte estética...

Saludos

[vgonga1986]

Buenas,

No sé si no te he entendido a ti o tú a mí. No tengo problema al añadir el input nuevo, eso lo tengo solventado, mi problema es que al ejecutar la función los inputs (que ya había antes de añadir el nuevo) pierden lo que tuvieran puesto.

Si me entendiste bien, entonces no te entendí yo.

Un saludo.

[caricatos]

Hola:

Creo que te entendí perfectamente, pero si tienes problemas, será porque no lo estarás haciendo bien (evidentemente), y lo que yo planteo es otra forma de hacer lo que te da problemas, y tengo comprobado que mi método funciona correctamente: Caricaturas de grupos a color en acuarelas

Saludos

[vgonga1986]

Listo, lo he hecho como me ponías en tu post y me funciona perfecto. Dejo por aquí la solución por si alguien puede sacarle provecho:
HTML:

Código HTML:

<div id="clone-base" style="display: none;"><input type="file" name="attachment[]"/></div>
<div id="clone-parent"><input type="file" name="attachment[]"/></div>
<a href="javascript:cloneInput()">Adjuntar otro</a> 

JS:

Código:

function cloneInput(){
	var parent = document.getElementById('clone-parent');
	var base = document.getElementById('clone-base');
	var new_input = base.childNodes[0].cloneNode(true);
	parent.appendChild(new_input);
}

Muchas gracias por la ayuda y un saludo.