如何通過jQuery獲取多文件輸入的更改值？

Question

要使用jQuery獲取<input type="file" name="upload">的值，可以使用$('input').val()。

但是，使用相同的方法獲取<input type="file" name="upload[]" multiple>（多文件輸入）的值只返回一個文件，而不是全部文件。

有沒有不同的方法來做到這一點？

Answer 1

試控制檯到

document.forms[index].elements[index].files 

緩存值通過他們

Answer 2

的循環這是因爲，當您使用$('input').val()它只返回第一個這些投入的價值。您需要循環以獲取所有這些值。請參見下面的代碼：

var $uploads = $('input'); 

$uploads.each(function() { 

    console.log($(this).val()); 

}); 

Answer 3

我使用了一些代碼從另一個帖子...

$('input[type=file]').val() 

..和添加的每個特定的文件輸入字段的ID。下面的代碼從輸入中獲取路徑，只從中提取文件名，並在兩個不同文件上傳字段的不同字段中顯示該值。如果你有一大堆，你可以創建一個基於此代碼的循環：

$('#File1').change(function(){ // when you leave the File1 form field 
    var filename1 = $('input[type=file][id=File1]').val().split('\\').pop(); // get just the filename 
    $('#DL_Filename1').val(filename1); // and place it in the DL_Filename1 box 
}); // end change 

$('#File2').change(function(){ // when you leave the File2 form field 
    var filename2 = $('input[type=file][id=File2]').val().split('\\').pop(); // get just the filename 
    $('#DL_Filename2').val(filename2); // and place it in the DL_Filename2 box 
}); // end change