title: Ionic File Upload using HTML5 input
body: <p>I am using ionic to build a mobile app that incorporates a file upload.</p>
  
  <p>Versions</p>
  
  <ul>
  <li>ionic (Ionic CLI)  : 4.10.3</li>
  <li>Ionic Framework    : ionic-angular 3.9.3  </li>
  <li>@ionic/app-scripts : 3.2.3</li>
  </ul>
  
  <p>The files supported are</p>
  
  <ul>
  <li>images</li>
  <li>word documents (.doc, .docx)</li>
  <li>pdf</li>
  </ul>
  
  <p>I am trying to use a HTML input tag with the attribute of type="file"</p>
  
  <pre><code>&lt;input style="display:none;" type="file" accept="image/*, .pdf, .doc, .docx" (change)="fileSelected($event)" #chosenFile /&gt;
  &lt;button class="btnAttach" (click)="chosenFile.click()"&gt;&lt;ion-icon class="attach" name="attach"&gt;&lt;/ion-icon&gt;&lt;/button&gt;
  </code></pre>
  
  <p>This is working perfectly for images on android and ios but it does not allow me to select pdf or word documents. I can see them but they are greyed out.</p>
  
  <p>Any help here would be appreciated.</p>
  
  <p><a href="https://i.stack.imgur.com/F3mhx.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/F3mhx.jpg" alt="Example of PDF not available for selection"></a></p>