從輸入類型文件中獲取文件名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; 
}