HTML <input type =“file”/>如何在选择文件后立即获取文件名

Question

这是我的输入标签：

<input id="myId" class="button" name="myFile" type="file">

一旦用户选择了文件，我想获取文件的名称，以显示它并向用户提供一些反馈。 我知道我可以在Javascript（使用Jquery）中获取文件名，如下所示：

var fileName = $('#myId').val();

但是，我想在用户选择文件时尽快进行函数调用。如果添加一个onclick - 即使在“myId”标签上，只要用户点击按钮，就会调用此事件，但是在他选择文件之前。 用户选择文件时会触发什么事件？如何在用户选择文件后立即调用函数？

Answer 1

由于您已经在使用jQuery，因此解决方案非常简单：

$("#myId").change(function(){
   doIt();
 });