title: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob" and get no error when i use simple html input=file
body: <p>html input with mat form module</p>
  <pre class="lang-angular prettyprint-override"><code>&lt;mat-form-field&gt;
      &lt;ngx-mat-file-input accept=&quot;image/*&quot; (change)=&quot;changeProfileImg($event)&quot;&gt;
      &lt;/ngx-mat-file-input&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>below is type script function for receiving images and converting into base64</p>
  <pre class="lang-typescript prettyprint-override"><code>changeProfileImg = (e: any) =&gt; {
      const file = e.target.files[0]
      let encoded;
      this.getBase64(file)
         .then((result) =&gt; {
           encoded = result;
           //this.AddModel.image.push(result)
           console.log(result)
           this.UserModel.profilePicture=result;
         })
         .catch(e =&gt; console.log(e))
  }
  </code></pre>
  <p>and line  works perfectly fine</p>
  <pre class="lang-angular prettyprint-override"><code>&lt;input type=&quot;file&quot; class=&quot;input-upload&quot; name=&quot;myfile&quot; accept=&quot;image/*&quot; (change)=&quot;changeProfileImg($event)&quot; multiple/&gt;
  </code></pre>