首页 > 其他分享 >js实现截取文件后缀,input触发的事件触发流程,input type=file 同一个文件两次上传,第二次无效

js实现截取文件后缀,input触发的事件触发流程,input type=file 同一个文件两次上传,第二次无效

时间:2022-12-03 00:12:17浏览次数:64  
标签:文件 触发 事件 file input change

https://blog.csdn.net/m0_46693606/article/details/127067545

var filePath = "jb51.png";

var index= filePath.lastIndexOf(".");
//获取后缀
var ext = filePath.substr(index);

console.log("该文件是否为图片:" + isAssetTypeAnImage(ext));

我们书写了mousedown,mouseup,click,input,change,focus,blur绑定到了input上面,模拟点击选择了一个文件,触发事件的流程是下面这样的:
(1)mousedown
(2)focus
(3)mouseup
(4)click
(5)blur
(6)focus
(7)change

首先触发了鼠标按下事件,然后就是焦点到了input上面,然后鼠标抬起,触发click点击事件,失去焦点以后弹出了文件选择框,选中文件以后触发焦点,最后触发的change事件。

如果你没有选择文件的话,直接点击取消的话,就不会触发change事件。

所以说,如果要监听input 的type=file的内容变更事件的话,最好直接用change事件去监听。

https://blog.csdn.net/weixin_45658814/article/details/125679095

标签:文件,触发,事件,file,input,change
From: https://www.cnblogs.com/gyh907368/p/16946034.html

相关文章