通过jQuery获取上传的文件名时遇到问题

Having Issue on Getting Uploaded File Name by jQuery

本文关键字：文件名 遇到 问题 jQuery 获取 通过      更新时间：2023-09-26

你能看看这个演示，让我知道为什么我无法获得文件名（图像）

$('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。

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

您需要执行以下操作：

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

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

相关文章：