javascript - 通过 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" />

正如你所看到的，我在控制台中得到了未定义。

Answer 1

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

你需要做:

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

参见:https://developer.mozilla.org/en-US/docs/Web/API/FileList