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

Question

我正在寻找一种方法来动态“点击”input type="file".的浏览按钮我有一个包含onclick事件的按钮，我想点击{{1}的浏览按钮然后，input type="file",的onchange事件将在选择文件后提交表单。我不确定如何“点击”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来展示它的实际效果。