当选择任何文件时，文件上传按钮上的jQuery监听器

Question

我想在选择任何文件时将功能附加到我的文件上传按钮。

现在，我使用以下代码：

jQuery("input:file").change(function () {
    console.log("function");
});

当用户选择第一个文件或将其更改为另一个文件时，这没关系。但是我想在用户选择文件时运行脚本，然后再次打开对话框，第二次选择相同的文件。

正确的jQuery事件是什么？

谢谢！

Answer 1

我会使用.on选择器......

$(document).on('change','#inputFile' , function(){ 
  console.log("function");
});

请检查您在.on选择器中的输入以及成功运行该功能后，甚至在输入失败后输入

$('#inputFile').val("");

Answer 2

极简主义

$("#myID").change(() => alert('It works!'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="myID">

还有

$("#myID").change(function(e){
  alert('It works!')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="myID">