jquery - 如何使用 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(){ });