Question

我已经经历了其他类似的话题，并且找不到答案，如果我错过了答案，我就为此道歉。

我有一个简单的事件处理程序，用于使用表单提交文件。就是这样：

onChange(e) {
    let files = e.target.files;
    console.log(files);
  }

控制台日志为：

FileList {0: File(692), length: 1}
0: File(692)
lastModified: 1546326376754
lastModifiedDate: Tue Jan 01 2019 00:06:16 GMT-0700 (Mountain Standard Time) {}
name: "userFile.txt"
size: 692
type: "text/plain"
webkitRelativePath: ""
__proto__: File
length: 1
__proto__: FileList

我想console.log(files.name)并得到userFile.txt的退还。我得到undefined。非常抱歉，如果已回答一百万次，我已经花了很长时间搜索并尝试使用不同的点符号等，但都无济于事。谢谢

Answer 1

您可以通过files[0].name

来获得它

function getFileName(e) {

  let files = e.target.files;
  console.log(files[0].name);
}

<input type='file' onchange='getFileName(event)'>

Answer 2

我相信您需要像这样访问0中的files属性：

console.log(files[0].name);

它应该可以工作。

演示：

function getFileName(event) {

  const files = event.target.files;
  console.log(files[0].name);
}

<input type='file' oninput='getFileName(e)'>

如何访问上传文件的名称属性（javascript）

2 个答案: