इनपुट प्रकार = "फाइल" जाओ मूल्य जब यह चयनित

Question

संभव डुप्लिकेट एकाधिक फ़ाइलों है:
Retrieving file names out of a multi-file upload control with javascript

एचटीएमएल 5 इनपुट प्रकार से = "फाइल" की अनुमति देता है उपयोगकर्ताओं द्वारा एक से अधिक फ़ाइलों का चयन करने के एकाधिक = "एकाधिक" जोड़ना:

<input type="file" multiple="multiple" /> 

मेरा प्रश्न है: मैं उस इनपुट का मूल्य कैसे प्राप्त कर सकता हूं? .value का उपयोग करते समय यह केवल पहली फ़ाइल का फ़ाइल नाम लौटाता है, लेकिन एक से अधिक चुनते समय मैं अन्य को देखने में सक्षम नहीं हूं।

मैं क्या है:

<input type="file" multiple="multiple" onchange="alert(this.value)" 
    onmouseout="alert(this.value) /> 

जो जैसा कि मैंने तुमसे कहा था, केवल चयनित फ़ाइलों में से एक का नाम दिखा रहा है।

नोट: मैं मान को संपादित नहीं करना चाहते (मैं जानता हूँ कि यह संभव नहीं है) फ़ाइलों का केवल नाम

धन्यवाद!

Answer 1

चयनित फ़ाइलों एक सरणी में जमा हो जाती: [input].files

उदाहरण के लिए, आप

// assuming there is a file input with the ID `my-input`... 
var files = document.getElementById("my-input").files; 

for (var i = 0; i < files.length; i++) 
{ 
alert(files[i].name); 
} 

jQuery-आराम से लोगों के लिए आइटम एक्सेस कर सकते, यह इसी तरह आसान है

// assuming there is a file input with the ID `my-input`... 
var files = $("#my-input")[0].files; 

for (var i = 0; i < files.length; i++) 
{ 
alert(files[i].name); 
} 

Answer 2

आप use input.files property। यह File objects का एक संग्रह है और प्रत्येक फ़ाइल एक name संपत्ति है:

onmouseout="for (var i = 0; i < this.files.length; i++) alert(this.files[i].name);"