JQuery - सभी फ़ाइल नाम इनपुट = 'फ़ाइल'

Question

मेरे पास <input type="file" id="basicUploadFile" multiple="multiple"> है और मैं इस इनपुट के अंदर सभी फ़ाइल नाम प्राप्त करना चाहता हूं। मैंने कुछ उदाहरण देखा है, लेकिन इसे केवल पहली फ़ाइल का नाम मिलता है।

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

मैं यह कैसे कर सकता हूं? धन्यवाद।

Answer 1

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

files एक FileList वस्तु हो जाएगा।

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

अब names तार की एक सरणी (फ़ाइल नाम)

FileAPI reference
files property reference

Answer 2

jsFiddle Demo

---

तुम अब भी बिना एक FileList संग्रह के रूप में फाइल का उपयोग कर सकते हैका उपयोग करने की आवश्यकता है। मैंने एक त्वरित jsFiddle बनाया है जो FileList और File ऑब्जेक्ट्स का उपयोग करके इनपुट से जानकारी प्राप्त करने का तरीका दिखाता है।

$('#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

मैं इस प्रयोग किया जाता कंसोल में दिखाने के लिए सभी फ़ाइलों का नाम::

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); 
    }); 
});