模拟点击type为file时的onchange事件

Question

我这边要实现一个一进页面就触发type为file的点击事件，然后获得选中的图片信息，我的代码是var _file = document.createElement("input"); _file.setAttribute("type", "file"); _file.setAttribute("style", "display:none;"); _file.setAttribute("height", "0px"); _file.setAttribute("width", "0px"); _file.setAttribute("id", "_file-id");document.body.appendChild(_file);document.getElementById('_file-id').click();document.getElementById('_file-id').onchange = function(e) {     alert(1) }这么写，怎么看都没错，可是在谷歌浏览器上直接不触发file的点击事件，在ie浏览器上，触发了点击事件，但是当我选中图片的时候，并没有执行onchange事件，求大神告知正确写法，可以兼容这两种浏览器，万分感谢!

Answer 1

测试结果：

1. Google Chrome版本 71.0.3578.98（正式版本） （64 位）

2. Firefox Quantum 64.0 (64 位)

3. IE 11.194.17763.0 测试不通过

个人观点：
关于兼容性，建议去找开源框架去做比较好，个人实现总是会有很多意想不到的问题。