Получение имени файла перед его загрузкой

Question

У меня есть форма, где я разрешаю пользователям загружать файлы. Ну, я использую регулярную кнопку, которая использует javascript для запуска загрузчика файлов, чтобы пользователи могли загружать свои фотографии. Но при этом я больше не могу показывать пользователям, что у них есть выбранный файл (текст, который обычно находится рядом с кнопкой «Выбрать файл»). Мне было интересно, есть ли способ захватить это значение, скажем, с помощью javascript и отобразить его для пользователя.

JSFIDDLE: http://jsfiddle.net/YXgPf/1/

Это то, что я использую подсказывать кнопку загрузки файла:

function getFile(){ 
    document.getElementById("upfile").click(); 
} 
function sub(obj){ 
var file = obj.value; 
var fileName = file.split("\\"); 
document.getElementById("photo-button").innerHTML = fileName[fileName.length-1]; 
document.myForm.submit(); 
event.preventDefault(); 
    } 

Answer 1

Что-то, как это будет работать:

$("input[type=file]").on("change", function (e) { 
    var file = e.originalEvent.target.files[0]; 
    file.name // This will be the file name. 
});