JQuery - nhận tất cả các tệpNames bên trong đầu vào = 'tệp'

Question

Tôi có <input type="file" id="basicUploadFile" multiple="multiple"> và tôi muốn nhận tất cả tên tệp trong đầu vào này. Tôi đã nhìn thấy một số ví dụ, nhưng nó chỉ có tên của tập tin đầu tiên.

$ ('#basicUploadFile').live ('change', function() { 
    alert($ ('#basicUploadFile').val()); 
}); 

Tôi làm cách nào để thực hiện việc này? Cảm ơn.

Answer 1

var files = $('#basicUploadFile').prop("files") 

files sẽ là đối tượng FileList.

var names = $.map(files, function(val) { return val.name; }); 

Bây giờ names là một mảng của chuỗi (tên file)

FileAPI reference
files property reference

Answer 2

jsFiddle Demo

---

Bạn vẫn có thể truy cập các tập tin như một bộ sưu tập FileList mà không có sự cần sử dụng quá mức jQuery. Tôi đã tạo nhanh jsFiddle minh họa cách lấy thông tin ra khỏi đầu vào bằng cách sử dụng các đối tượng FileList và File. Dưới đây là một đoạn trích:

$('#basicUploadFile').live('change', function() 
{ 
    for (var i = 0; i < this.files.length; i++) 
    { 
     alert(this.files[i].name); 
     alert(this.files.item(i).name); // alternatively 
    } 
}); 

Answer 3

<input name="selectAttachment" id="selectAttachment" type="file" multiple="multiple"> 
<button class="btn btn-default" onclick="uploadAttachment()" type="submit">Upload</button> 


function uploadAttachment() { 
       debugger; 
       var files = $('#selectAttachment').prop('files'); 
       var names = $.map(files, function (val) { return val.name; }); 
      } 

Answer 4

Tôi sử dụng này để hiển thị trong giao diện điều khiển tất cả các tên tập tin:

var input_file = $("#input_file"); 
input_file.on("change", function() { 
    var files = input_file.prop("files") 
    var names = $.map(files, function (val) { return val.name; }); 
    $.each(names, function (i, name) { 
      console.log(name); 
    }); 
});