Uzyskaj nazwę pliku z pliku wejściowego Angular2

Question

Chcę uzyskać nazwę pliku z mojego znacznika wejściowego html w widoku modalnym i zapisać go za pomocą Angular2. Czy ktoś może mi pomóc?

Answer 1

Można zrobić:

HTML:

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

maszynopis:

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

Answer 2

HTML

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

Script

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

Answer 3

Można spróbować bardziej elegancki opcję:

HTML:

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

Scenariusz:

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