javascript - 在上传文件之前获取文件名

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