有對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