如何从Angular - ng2FileUpload打开input type =“file”对话框

Question

我正在使用ng2FileUpload来创建用于上传的拖放，但我还想让用户点击放置区域来打开文件对话框。

考虑到我有这个输入：

<input type="file" ng2FileSelect [uploader]="uploader" style="display: none" />

如何从Angular 4打字稿代码中显示文件对话框？

Answer 1

我能够这样做：

模板：

<input type="file" ng2FileSelect [uploader]="uploader" hidden #fileInput />

角度组件：

@ViewChild('fileInput') fileInput:ElementRef;

public openFileDialog():void {
    let event = new MouseEvent('click', {bubbles: false});
    this.fileInput.nativeElement.dispatchEvent(event);
  }