typescript - ฉันจะเปิดกล่องโต้ตอบ input type="file" จาก Angular - ng2FileUpload ได้อย่างไร

ฉันกำลังใช้ ng2FileUpload เพื่อสร้างการลากและวางสำหรับการอัปโหลด แต่ฉันก็ต้องการให้ผู้ใช้สามารถคลิกที่พื้นที่วางเพื่อเปิดไดอะล็อกไฟล์ได้ด้วย

เมื่อพิจารณาว่าฉันมีข้อมูลนำเข้านี้:

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

ฉันจะแสดงกล่องโต้ตอบไฟล์จากโค้ด Angular 4 typescript ได้อย่างไร?

คำตอบ #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);
  }