Input type="file"上传文件change事件只触发一次解决方案

Posted 2021-01-22 boset

一、刚开始用法

$(function () {
    $("#file").change(excelUpload);
})

excelUpload()函数内部就是提示是否确认上传动作，一开始这样写只有在第一次选择上传文件的时候触发了excelUpload函数，显然这样是不行的。后来网上有人说缓存live事件，直接报错，原因是Juqery1.9版本以上已经废弃了该方法，换成on事件

$("#file").on(‘change‘,excelUpload);依然不好使。后来断点调试发现

$("#file").val()在第一次选择文件之后就有值了
所以尝试在点击取消按钮的时候清空$("#file").val()该值

var obj = document.getElementById(‘file‘);
obj.value=‘‘;