在文件输入上动态启动事件

【问题标题】：Dynamically Start Event on File Input在文件输入上动态启动事件
【发布时间】：2012-05-23 07:28:59
【问题描述】：

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

【问题讨论】：

标签： javascript forms file file-upload input

【解决方案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 来展示它。

【讨论】：