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

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

1 个答案: