angular - 如何从 Angular - ng2 文件上传打开输入类型 ="file"对话框

Question

我正在使用 ng2FileUpload 创建用于上传的拖放，但我还希望允许用户单击拖放区域以打开文件对话框。

考虑到我有这样的输入:

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

如何从 Angular 4 typescript 代码显示文件对话框？

Answer 1

我已经能够这样做了:

模板:

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

Angular 分量:

@ViewChild('fileInput') fileInput:ElementRef;

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