如何使用jQuery从文件输入中捕获文件名？

Question

我有一个具有文件输入控件的表单:

<input type="file" onclick="this.blur()" name="descFile" />

因此,当用户选择文件时,路径显示在文本输入框中(默认浏览器行为),但是,企业希望我在下面用粗体字母添加一条消息,表明他们已经选择了要上传的文件,然后回发.

有没有办法使用Javascript以某种方式从文件输入捕获"选择"事件并在文件输入下方以粗体字母显示？

Answer 1

$('input[name="descFile"]').change(function(){
   var filename = $(this).val();
   $('<label>Filename selected: '+ filename +'</label>').insertAfter($(this));
});

记得把它放在里面或类似于:

$(function(){ });