javascript - 如何获取上传文件的价值

Question

我有一个文件输入，供用户上传文件。选择文件后，我想将文件名登录到控制台。出于某种原因，当我执行 console.log 时，它会向控制台返回一个空字符串。

document.getElementById('file-upload').addEventListener('change', function() {
  console.log(this.value)
})

<input type='file' id='file-upload'>

标签： javascripthtmlinput

Answer 1

要获取上传的文件名，您需要按如下方式编辑您的 js：

document.getElementById('file-upload').addEventListener('change', function() {
   console.log(this.files.item(0).name)
})