title: File Reader telling me that parameter 1 is not a blob?
body: <p>I have a file input which returns what looks like a file path to me, and yet the fileReader is giving me the following error. </p>
  
  <pre><code>Uncaught TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.
  </code></pre>
  
  <p>I feel like I am missing something here. Where am I going wrong?  </p>
  
  <pre><code>import React from 'react';
  
      export default class TestPage extends React.Component {
          constructor() {
              super();
              this.state = {
                  file: ''
              }
          }
  
          onChange(e) {
              let reader = new FileReader();
              reader.onload = function(e) {
                this.setState({file: reader.result})
              }
              reader.readAsDataURL(e.target.value);
          }
  
          render() {
              return (
                  &lt;div&gt;
                      &lt;input onChange={this.onChange.bind(this)} type="file" name="file" /&gt;
                      &lt;br /&gt;
                      &lt;video width="400" controls&gt;
                          &lt;source src={this.state.file} type="video/mp4" /&gt;
                      &lt;/video&gt;
                  &lt;/div&gt;
              )
          }
      }
  </code></pre>