從HTML'文件'輸入中提取文件名：Chrome與Firefox

Question

我有一個HTML表單，其輸入字段的類型爲'file'，ID爲'fdata'。 輸入和文件上傳在Chrome和Firefox上均可正常工作。

但是，我還需要在我的javascript代碼中使用上傳的文件名稱作爲其他目的。我用下面的一行：

var filename = $('#fdata').get(0).files[0].name; 

這適用於Chrome很好，但它給出了在Firefox以下錯誤：

TypeError: $(...).get(...).files[0] is undefined 

這也失敗了，當我用$('#fdata')[0].files[0].name ...難道我這樣做錯誤的方法？如果是這樣，什麼是正確的方式..？

Answer 1

即使在選擇文件之前嘗試訪問文件名時也會出現該錯誤。 您可以通過使用

if($('#fdata').get(0).files.length){ 
    var filename = $('#fdata').get(0).files[0].name; 
}else{ 
    alert("No file selected"); 
} 

我試圖重現同一個對我現有的代碼，一個避免這一點，並得到了這個，