在上传之前获取文件名

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