Angular 4文件选择器

时间:2017-07-25 00:57:37

标签: angular events

我有一个项目,我需要通过按钮

将文档添加到API

但是现在我只需要按钮打开文件选择器并让我选择文件并返回它的名称。

我为此事件分配了此按钮。

那么有人可以帮我打开文件查找器的代码吗?,我是一个有角度的初学者。

按钮:

<button (click)="myEvent($event)">Add Document</button>

事件:

 myEvent (event) {
 console.log(event); }

先谢谢大卫。

1 个答案:

答案 0 :(得分:2)

你需要

<select class="form-control" [(ngModel)]="gender">
  <option value="male">Male</option>
  <option value="female">Female</option>
</select>

在您的.ts文件中,您可以获得:

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