a ver si me explico mira paso el ejemplo completo
la explicación es que tengo un campo file en el cual al añadir un archivo se crea otro campo file debajo
ahora ya se preocupa en comprobar si el campo está vacio o ya tenia algo para que no añada otro campo
lo del iframe es para cosas mías que aun están a medias no afecta en nada
este es el div donde está el primer input
<div id="adjuntos">
<div class="archivo" id="file0">
<form name="formu" enctype="multipart/form-data" id="formu0" action="cargador.php" method="post" target="iframeUpload0">
<input type="file" name="archivos[]" onChange="editado(0);"/><br />
<iframe name="iframeUpload0"></iframe>
</form>
</div>
</div>
y este el javascrip
var numero = 0;
var controlador=new Array();
controlador[0]=0;
function editado(variable){
if(controlador[variable]==0){
controlador[variable]=1;
addCampo();
alert("entra");
}else{
alert("no entra");
}
}
function addCampo() {
nDiv = document.createElement('div');
nDiv.className = 'archivo';
nDiv.id = 'file' + (++numero);
//creamos el input para el formulario:
nCampo = document.createElement('input');
nCampo.name = 'archivos[]';
nCampo.type = 'file';
nCampo.setAttribute("onChange","javascript
:editado ("+numero+");");
nIframe = document.createElement('iframe');
nIframe.name = 'iframeUpload[]';
a = document.createElement('a');
a.name = nDiv.id;
a.href = '#';
a.onclick = elimCamp;
a.innerHTML = 'Eliminar';
nDiv.appendChild(nCampo);
nDiv.appendChild(a);
nDiv.appendChild(nIframe);
container = document.getElementById('adjuntos');
container.appendChild(nDiv);
controlador[numero]=0;
}