从输入类型文件 Angular2 中获取文件名

Question

我想在模式视图中从我的 html 输入标签获取文件名，并使用 Angular2 保存它。有人能帮我吗？

原文由 iamlordsandro 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以接下来做：

HTML:

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

打字稿：

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

原文由 Igor Janković 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

HTML

 <button (click)="imgFileInput.click()">Add</button>
    {{ imgFileInput?.files[0]?.name }}
<input hidden type="file" #imgFileInput (change)="uploadSingle($event)"/>

零件

uploadSingle(event) {
  const fileName = event.target.files[0].name;
}

原文由 Stepan Prokopiak 发布，翻译遵循 CC BY-SA 4.0 许可协议