文件输入ionic 3 android中的触发点击事件答案

【问题标题】：Fire click event in file input ionic 3 android文件输入ionic 3 android中的触发点击事件
【发布时间】：2018-07-09 16:27:50
【问题描述】：

我正在开发 Ionic 3 项目，用户可以使用该应用程序上传多张图片。我想在单击 Button 时打开文件浏览器，如下所示。这是我正在处理的代码示例

home.ts

public openBrowser() {
  const fileLoader = document
    .getElementById('fileUploader') as HTMLElement;
  fileLoader.click();  
}

home.html

<ion-row>
    <ion-col>
      <input type="file" [hidden]="true" id="fileUploader" accept=".png, .jpg, .jpeg" (change)="onChangeFileInput($event)">
    </ion-col>
  </ion-row>

<button ion-button secondary (click)="openBrowser()">Open</button>

这适用于浏览器以及 IOS 设备。但是在安卓设备上。调试时没有任何错误。有谁知道这里有什么问题？

【问题讨论】：

标签： javascript android html angular ionic3

【解决方案1】：

重点在于文件输入的接受属性。你可以试试下面的代码。

<input type="file" name="myImage" accept="image/*" />

如果您想限制特定文件类型，请尝试以下示例。

<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" />

【讨论】：