입력 파일에서 파일 이름 가져 오기 Angular2

Question

HTML 형식의 입력 태그에서 파일 이름을 모달보기로 가져 와서 Angular2를 사용하여 저장하고 싶습니다. 누군가 나를 도울 수 있습니까?

Answer 1

옆 수행 할 수 있습니다

HTML :

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

타이프 :

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

Answer 2

HTML

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

스크립트

,

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