Angular2 ng2-file-upload 单个上传和拖放区一起？

Question

我正在为 Angular2使用ng2-file-upload模块，我想要一个拖放区域，同时可以在该区域中单击并选择单个文件。

在他们的例子中，它是分开的，没有两个一起的例子。例如：

<div ng2FileDrop
     [ngClass]="{'nv-file-over': hasBaseDropZoneOver}"
     (fileOver)="fileOverBase($event)"
     [uploader]="uploader"
     class="well my-drop-zone">
     Base drop zone
</div>

Single
<input type="file" ng2FileSelect [uploader]="uploader" />

谢谢！

Answer 1

我找到了一个解决方案:)

<div class="col-md-6 p_0"
   [ngClass]="{'file-over': hasBaseDropZoneOver}"
   ng2FileDrop [uploader]="uploader"
   (click)="fileInput.click()">

   Base drop zone
   <input type="file" #fileInput ng2FileSelect [uploader]="uploader" style="display: none"/>
</div>