有关jQuery获取上载文件名的问题

Question

你能看一下这个演示，让我知道为什么我无法得到文件的名称（图片）

$('input:file').on('change', function(){
  console.log($(this).prop("files")['name']);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <input type="file" name="file" id="test" />

正如您所看到的，我在控制台中获得了undefined。

Answer 1

$(this).prop("files")会返回FileList，而不是单个文件。

你需要这样做：

$(this).prop("files")[0]['name']

请参阅：https://developer.mozilla.org/en-US/docs/Web/API/FileList