动态创建文件输入元素

时间:2012-05-17 21:49:06

标签: javascript html file-io

我想自定义文件输入按钮,因此我使用此代码创建文件输入元素

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

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

但是,当我点击“创建”时,它什么也没有显示。

1 个答案:

答案 0 :(得分:9)

您正在创建新的DOM元素,但您没有将其附加到DOM。你需要这样的东西:

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

你可以在这里看到一个做得不好的JSFiddle的工作方式: http://jsfiddle.net/JQHPV/2/