открыть диалог загрузки программно в angular

Question

Я хочу открыть диалог загрузки в виде машинописного текста в angular 9.

Я не хочу использовать этот способ: создать ввод и dispaly:none

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

Я хочу открыть диалоговое окно загрузки файла с кодом.

как открыть диалоговое окно загрузки файла без создания входного файла и только с помощью машинописного текста или javascript кода?

Answer 1

Если файл не введен, вы не можете открыть файловый браузер. Этот файл вводится только для чтения и работает только при нажатии из-за проблем безопасности. Затем вам потребуется ввести файл, чтобы открыть диалоговое окно.

Один из способов - использовать Viewchild и вызвать щелчок по нему.

в html написать имя Viewchild

<input type="file"  style="display: none;" #file />

в компоненте можно вызвать его в ngAfterViewInit

 @ViewChild("file") file : ElementRef;

  ngAfterViewInit(){
    console.log(this.file.nativeElement);
    this.file.nativeElement.click(); 
  }