Problema con un input file con ajax

mi problema es algo muy sencillo y quizá una bobada pero no lo encuentro, bueno soy novato en esto del ajax, la cosa es

tengo esto
<div id="cargador_pics">
<div id="nodes">
<form name="nueva_imagen" enctype="multipart/form-data" method="post">
<div id="pic1" class="node_pic" onclick="makeNewNode('pic1');">
Cargar imagen...
</div>
</form>
</div>
</div>
y en un .js tego esto

function makeNewNode(idName){
var pre_node=document.getElementById(idName);
pre_node.innerHTML="<input type='file' id='file1' />";
}

ya saben cuando le de pulsar a cargar imagen, se convierte en un input file y de echo lo hace, pero cuando le doy clic a examinar archivo o como se llame ese boton, simplemente no habre la ventana para seleccionar el archivo, solo le da clic y no sucede nada, alguien puede explicarme poqeu pasa esto?

Lo logré de otra manera, creando el nodo input
function makeNewNode(idName){
var pre_node=document.getElementById(idName);
pre_node.innerHTML=""
pre_node.onclick="";

var input = document.createElement("input");
input.type = "file";
document.getElementById(idName).appendChild(input);
}

claro luego le añadiré las otras propiedades