इनपुट प्रकार फ़ाइल से फ़ाइल का नाम प्राप्त करें Angular2

Question

मुझे अपने एचटीएमएल इनपुट टैग से फ़ाइल नाम एक मोडल व्यू में प्राप्त करना है और इसे कोणीय 2 का उपयोग करके सहेजना है। क्या कोई मेरी मदत कर सकता है?

Answer 1

आप आगे क्या कर सकते हैं:

HTML:

<input type="file" (change)="fileEvent($event)" /> 

टाइपप्रति:

fileEvent(fileInput: Event){ 
    let file = fileInput.target.files[0]; 
    let fileName = file.name; 
} 

Answer 2

एचटीएमएल

<input type="file" (change)="onFileChange($event)"> 

स्क्रिप्ट

012,

onFileChange(event) {  
    let files = event.target.files[0].name; 
} 

Answer 3

आप एक और अधिक सुरुचिपूर्ण विकल्प का प्रयास कर सकते हैं:

HTML:

<input #file type="file" (change)="updateFile(file)"> 

स्क्रिप्ट:

updateFile(file: HTMLInputElement) { 
    let name = file.value; 
}