如何访问上传文件的名称属性 (javascript)

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 属性：

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

它应该可以工作。

示范：

function getFileName(event) {

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

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

Answer 2

可以通过files[0].name

获取

function getFileName(e) {

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

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

如何访问上传文件的名称属性 (javascript)

How to access the name property of an uploaded file (javascript)

html

javascript

arrays

webpage

object

如何访问上传文件的名称 属性 (javascript)

How to access the name property of an uploaded file (javascript)

html

javascript

arrays

webpage

object

如何访问上传文件的名称属性 (javascript)