Question

我正在研究Ionic 3项目，用户可以使用该应用程序上传多个图像。单击下面的按钮时，我想打开文件浏览器。这是我正在处理的代码示例

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设备上均有效。但是在android设备上。调试时没有任何错误。有人知道这里是什么问题吗？

Answer 1

该点位于文件输入的accept属性上。您可以尝试以下代码。

        case 'p':
        case 'P':

            selected = true;

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

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

在文件输入Ionic 3 Android中触发点击事件

1 个答案: