title: Angular 2 - File upload access
body: <pre><code>&lt;div class="fileUpload btn btn-primary"&gt;
    &lt;span&gt;Choose File&lt;/span&gt;
    &lt;input id="uploadBtn" type="file" class="upload" value="No File Selected" #uploadBtn/&gt;
  &lt;/div&gt;
  &lt;input id="uploadFile" placeholder="No File Chosen" disabled="disabled" value="{{uploadBtn.value}}"/&gt;
  </code></pre>
  
  <p>How do I access the file that is uploaded by the user? How do I do this in angular and typescript as I still need to process the data in the file (e.g checking for valid file types)?</p>