input元素type为file范例，change事宜在文件挑选框出来后点击取消后事宜只触发一次的问题解决。

2023年1月28日 214次阅读 来源: 元谋人111 
html:
<input type="file" id="file" />

js:
$('#file').change(function(){
    console.log('change事宜');
    })

题目详细描述：

1.input 为file范例的时刻，在文件挑选框出来后，这时候挑选了文件后或是点击作废都邑触发change事宜。
2.在挑选了一个文件以后，再从新挑选同一个文件，这时候刻就不再触发change事宜了。

希冀的操纵和处理：

1.在文件挑选框出来以后，点击作废不实行change事宜里的操纵–>
猎取$(‘#file’).val()。推断这个是不是为空，为空的话直接return;

eg:
$('#file').change(function(){
    if($('#file').val() == '')
        return;
    console.log('change事宜');
    })

2.挑选同一个文件以后，还能再动身change事宜。–>
清空上一次触发change事宜后 input的value即可。

eg：
$('#file').change(function(){
    if($('#file').val() == '')
        return;
    console.log('change事宜');
        $('#file').val('') // 清空原有的数据
    })
    原文作者：元谋人111
    原文地址: https://segmentfault.com/a/1190000015759894
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞