Problema con los campos file

[gbmcarlos]

Buenas, llevo dos días con el mismo problema y buscando la solución por todas partes, así que me veo obligado a pedir ayuda.

El panorama es el siguiente:

Tengo un iframe donde hay un campo file:

Código HTML:

<iframe name='iframe' id='iframe' src='upload.php' >
    <form id='formUpload' action='upload.php' method='post' enctype='multipart/form-data' target='iframe'>
        <div id='capaFiles'>
            <input type="file" name="userfile">
        </div>
    </form>
</iframe>
 

Y en Javascript una funcion que hace lo siguiente:

Código Javascript:

function addFile() {
 
    document.getElementById("iframe").contentWindow.document.getElementById("capaFiles").innerHTML += "<input  name='userfile[]' type='file'>";
 
}
 

Y el problema que tengo es que, incomprensiblemente, al añadir un nuevo input file a la capa, se borra el value del que había anteriormente, es decir, pierde la ruta del archivo seleccionado. Y si hay más de un input file y se añade otro, se pierde el value todos los anteriores.

He conseguido identificar el problema al máximo detalle posible, pero al llegar aquí, ya me he quedado flipando.

Alguien sabría decirme qué es lo que pasa?

Gracias de antemano.