在上傳之前獲取文件名

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