title: Angular ngx-img-cropper: How do I get the filename of the uploaded image?
body: <p>I'm using ngx-img-cropper, <a href="https://github.com/web-dave/ngx-img-cropper" rel="nofollow noreferrer">https://github.com/web-dave/ngx-img-cropper</a>. How do I get the name of the file I am uploading to my app? This is my html code.</p>
  
  <pre><code>&lt;img-cropper #cropper [image]="data" [settings]="cropperSettings"&gt;&lt;/img-cropper&gt;&lt;br&gt;
  </code></pre>
  
  <p>I have variables named data: any, and cropper: ImageCropperComponent, but ImageCropperComponent doesn't have a filename attribute.</p>
  
  <p>If I look at the ngx-img-cropper github page, the src/imageCropperComponent.ts does get the file in the fileChangeListener($event: any) method, but I don't have access to the local file variable inside that method.</p>