如何打开输入类型=";文件";来自Angular的对话框-ng2FileUpload

如何打开输入类型=";文件";来自Angular的对话框-ng2FileUpload,angular,typescript,Angular,Typescript,我正在使用ng2FileUpload创建用于上载的拖放,但我还希望允许用户单击拖放区域以打开文件对话框 考虑到我的投入: <input type="file" ng2FileSelect [uploader]="uploader" style="display: none" /> 如何从Angular 4 typescript代码显示文件对话框?我可以这样做: 模板: <input type="file" ng2FileSelect [uploader]="uploade

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

考虑到我的投入:

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


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

我可以这样做:

模板:

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

一个简单的this.fileInput.nativeElement.click()也可以使用
@ViewChild('fileInput') fileInput:ElementRef;

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