HTML <input type='file'> 文件选择事件

Question

假设我们有以下代码：

 <form action='' method='POST' enctype='multipart/form-data'>
    <input type='file' name='userFile'><br>
    <input type='submit' name='upload_btn' value='upload'>
</form>

结果是：

当用户单击“浏览…”按钮时，将打开一个文件搜索对话框：

用户将通过双击文件或单击“打开”按钮来选择文件。

选择文件后，是否有可以用来通知的 Javascript 事件？

原文由 Moon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

监听更改事件。

 input.onchange = function(e) {
  ..
};

原文由 Anurag 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

当您必须重新加载文件时，您可以删除输入的值。下次添加文件时，将触发 ‘on change’ 事件。

 document.getElementById('my_input').value = null;
// ^ that just erase the file path but do the trick

原文由 Clem 发布，翻译遵循 CC BY-SA 3.0 许可协议