在上传文件之前获取文件的名称

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. 
});