Typescript Error: Property 'files' does not exist on type 'HTMLElement' : <p>I wish to create an upload function for my Apps by using IONIC.</p>

<p>Here is my HTML code:</p>

<pre><code>&lt;input ion-button block type="file" id="uploadBR"&gt;
&lt;input ion-button block type="file" id="uploadIC"&gt;
&lt;button ion-button block (click)="upload()"&gt;Confirm Claim Restaurant&lt;/button&gt;
</code></pre>

<p>Here is my <code>upload()</code> function:</p>

<pre><code>upload(){   
   let BR = document.getElementById('uploadBR').files[0]
   let IC = document.getElementById('uploadIC').files[0]
   console.log(BR)
   console.log(IC)    
 }
</code></pre>

<p>In normal HTML it should work, but it doesn't work with my IONIC.</p>

<p>When building the App, it will show the error <code>Typescript Error: Property 'files' does not exist on type 'HTMLElement'.</code></p>

<p>Am i do it in wrong way or it has to be done in different way with typescript?</p>

<p>Thanks.</p>
