javascript - 页面更改后触发输入文件在 Ionic 4 中单击

Question

我想在 Ionic 4 中触发/打开来自另一个页面的文件输入。

在第 1 页我有一个按钮去模式，在页面模式我想自动触发 <input file>对话框

组件

ionViewWillEnter() {
    document.getElementById('file').click(); // Tried with this one 1st, this only works in Internet Explorer / Edge
    this.fileInput.nativeElement.click();    // And also this with @ViewChild
}

HTML

<input type="file" name="file" #file id="file" (change)="fileChange($event)" required>

Answer 1

这是我用来触发对 <input> 元素的点击的代码:

@ViewChild("file") fileInput: ElementRef;

triggerClick() {
    let event = new MouseEvent('click', {bubbles: true});
    this.renderer.invokeElementMethod(this.fileInput.nativeElement, 'dispatchEvent', [event]);
}