2017-06-29 12 views
0

私がアップロードのドラッグアンドドロップを作成するng2FileUploadを使用していますが、私はまた、ユーザーが開くようにドロップエリアをクリックできるようにしたいですファイルダイアログ。はどうすれば角度からの入力タイプ=「ファイル」ダイアログ開くん - ng2FileUpload

私は、この入力を持って考える:

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

にはどうすればいい角度4 typescriptですコードからファイルダイアログを表示することができますか?

答えて

1

私はこのようにそれを行うことができました:

テンプレート:

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

角度成分:

@ViewChild('fileInput') fileInput:ElementRef; 

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

シンプルthis.fileInput.nativeElement.click()も動作します –

関連する問題