Как записать имя файла из ввода файла с помощью 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(){ }); 

Answer 2

Это значение значение, связанное с вашим тегом ввода, если я понимаю ваш вопрос.

$('#file_attach').change(function(){ 

     path=$(this).attr('value'); 
     start = path.lastIndexOf("."); 
     alert("extention: "+start); 
}); 

Answer 3

Это может быть сделано как этот

$('input[type=file]').val() 

Во всяком случае, я предлагаю использовать имя или идентификатор атрибута, чтобы выбрать вход. И с событием, он должен выглядеть следующим образом:

$('input[type=file]').change(function(e){ 
    $in=$(this); 
    $in.next().html($in.val()); 
});