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

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