从输入类型文件中获取文件名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; 
}