上传文件,oninput方法在IE Edge上方法无法被触发,要使用onchange

遇到一个很有意思的bug就是我们上传文件一般会使用input

因为业务需要兼容ie edge, 就出现了点击文件上传选择了文件以后但是页面没有任何反应。

先解释一下,oninput方法是元素获取用户输入时触发。

onchange该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)

谷歌

IE11

IE Edge

使用oninput

使用onchange

除了edge  在360极速浏览器好像也是无法获取的,所以建议尽量用onchange  

如果是在vue中使用则写 @change

<input  type="file" :accept="acceptExt" @change="upload"/>

加油  !!!!!!!!!

猜你喜欢

转载自blog.csdn.net/sunnyboysix/article/details/107915591