给type为file的input直接添加onChange事件存在一个问题:在上传后一个文件后,事件失效。
原因:上传后一个文件后,元素input会被重构,给之前元素添加的响应事件自然就失效了。
解决方案:给其父元素添加事件监听。
html:
<div class="parent">
<input type="file" class="file">
</div>
$(".parent").on("change",".file",function(){
var filePath=$(this).val();
if(filePath.indexOf("jpg")!=-1 || filePath.indexOf("png")!=-1){
....
}else{
....
}
});