在上傳文件之前獲取文件的名稱

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