javascript - 文件输入时动态启动事件

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以实际行动展示它。