在通過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