javascript - 在与先前选择的相同文件上检测文件选择

Question

我有一个简单的网络应用程序，它允许用户选择一个文件并为他们上传。如果上传失败，它会再次尝试上传 2 次。

当输入发生变化事件时，我开始上传过程。我希望他们每次选择一个文件时都发生这种情况，即使他们连续两次选择同一个文件也是如此。 (我有充分的理由，这里不相关)

但是，如果他们再次选择同一个文件，则不会发生更改事件。它仅在文件输入先前为空或指向不同文件时发生。

是否有“已选择文件”事件，我可以将函数绑定(bind)到该事件，而无需更改？

普通 .js 没问题，项目中已经加载了 jQuery。

我正在寻找类似“已选择文件”的内容，但我什么也看不到。

reportEvent = function() {
  $('.form-box').append(
    '<p>The input change event fired for' + $('#fi').val() + '</p>'
  );
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-box">
  <input type="file" id="fi" onchange="reportEvent()">
</div>

Answer 1

这可能有帮助:

reportEvent = function() {
  $('.form-box').append(
    '<p>The input change event fired for' + $('#fi').val() + '</p>'
  );
   
  // Do some work here...

  $('#fi').val(''); // Reset file input to the initial state, so you can upload the same file again
}