input:file 如何不通过点击触发。

Question

<input type="file" > 如何不通过点击触发而使用js模拟触发出现文件选择弹出框。（也不能点击其他的元素）。

Answer 1

jquery触发
$('input').click()
也可以用原生的方式
dom = document.getElementById('').click();
或者用
var event = document.createEvent('MouseEvents')
event.initMouseEvent('click',false,false)
dom.dispatchEvent(event)

Answer 2

<input type="file" id="upload">

var $input = document.querySelector('#upload');
$input.onclick = function() {
    console.log('a');
}
$input.click();

在chrome里面执行上面的代码，控制台会打印出console语句的内容，但是不会弹出选择文件的窗口，直接在控制台执行document.querySelector('#upload').click()就会弹出窗口。
在firefox会有一行提示信息说阻止了一个弹出窗口，如果选择了允许，就能弹出选择文件的窗口了。
这应该是浏览器出于安全方面的考虑吧。