javascript - Tải tệp Ionic sử dụng input HTML5

Tôi đang sử dụng Ionic để xây dựng một ứng dụng di động kết hợp tính năng tải tệp lên.

Phiên bản

• ionic (Ionic CLI) : 4.10.3
• Ionic Framework : ionic-angular 3.9.3
• @ionic/app-scripts : 3.2.3

Các tệp được hỗ trợ là

• hình ảnh
• tài liệu Word (.doc, .docx)
• pdf

Tôi đang cố gắng sử dụng thẻ input HTML với thuộc tính type="file"

<input style="display:none;" type="file" accept="image/*, .pdf, .doc, .docx" (change)="fileSelected($event)" #chosenFile />
<button class="btnAttach" (click)="chosenFile.click()"><ion-icon class="attach" name="attach"></ion-icon></button>

Điều này hoạt động hoàn hảo với hình ảnh trên Android và iOS nhưng nó không cho phép tôi chọn các tài liệu PDF hoặc Word. Tôi có thể thấy chúng nhưng chúng bị mờ đi.

Bất kỳ sự giúp đỡ nào ở đây sẽ được trân trọng.