html: <input type="file" id="file" /> js: $('#file').change(function(){ console.log('change事件'); })
1.input 为file类型的时候,在文件选择框出来后,这时选择了文件后或是点击取消都会触发change事件。
2.在选择了一个文件以后,再从新选择同一个文件,这时候就再也不触发change事件了。html
1.在文件选择框出来以后,点击取消不执行change事件里的操做-->
获取$('#file').val()。判断这个是否为空,为空的话直接return;code
eg: $('#file').change(function(){ if($('#file').val() == '') return; console.log('change事件'); })
2.选择同一个文件以后,还能再出发change事件。-->
清空上一次触发change事件后 input的value便可。htm
eg: $('#file').change(function(){ if($('#file').val() == '') return; console.log('change事件'); $('#file').val('') // 清空原有的数据 })