Crear dinámicamente elemento de entrada de archivo

Question

quiero personalizar el botón de entrada de archivo, así que utilizo este código para crear un elemento de entrada de archivo

function inputBtn(){ 
    var input=document.createElement('input'); 
    input.type="file"; 
    setTimeout(function(){ 
     $(input).click(); 
    },200); 
} 

<button id="ifile" onclick="inputBtn()">create</button> 

Sin embargo, al hacer clic en crear, no muestra nada.

Answer 1

Está creando el nuevo elemento DOM, pero no lo está asociando al DOM. Es necesario algo así como:

document.getElementById('target_div').appendChild(input); 

Se puede ver cómo funciona esto en un jsFiddle mal hecho aquí: http://jsfiddle.net/JQHPV/2/