HTML <input type="file"> 如何在选择文件后立即获取文件名答案

【问题标题】：HTML <input type="file"> how to get filename right after file was chosenHTML <input type="file"> 如何在选择文件后立即获取文件名
【发布时间】：2010-11-24 04:01:57
【问题描述】：

这是我的输入标签：

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

一旦用户选择了一个文件，我想得到文件的名称，显示它并给用户一些反馈。我知道我可以像这样在 Javascript（使用 Jquery）中获取文件名：

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

但是，我想在用户选择文件后立即进行函数调用。如果在“myId”标签处添加 onclick-even，则一旦用户单击按钮，该事件将被调用，但在他选择文件之前。用户选择文件时会触发什么事件？如何在用户选择文件后立即调用函数？

【问题讨论】：

标签： events file input types

【解决方案1】：

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

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

【讨论】：