文件输入动态启动事件

Question

我正在寻找一种方法来动态“点击”input type="file".的浏览按钮我有一个按钮，其中包含一个onclick事件，我想单击input type="file",的浏览按钮，然后一旦文件被选择，input type="file"的onchange事件将提交表单。我不知道如何“点击”input type="file"。

Answer 1

您需要做的就是调用input元素的click函数，该元素来自所需元素的点击处理程序。

<input type="file" id="files" name="files[]" multiple /> 
<div id="clickme">Click Me to Open File Browser</div> 

document.getElementById('clickme').onclick = function() { 
    document.getElementById('files').click(); 
} 

这里是一个工作JSFiddle显示它的行动。