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

Question

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

Answer 1

您需要做的就是从所需元素的单击处理程序中调用click该元素的函数。input

<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来展示它的实际效果。