title: Angular paste picture from clipboard
body: <p>I'm trying to create a functionality where users can paste a picture on the page son I can upload it to the server and show it to he user.</p>
  
  <p>I'm aware of the paste event, and tried to implement from there but haven't been able to access any data from the clipboard from the event, either the files or items array from the clipboard field of the event are always empty when I press ctrl + v.</p>
  
  <p>here's the code:</p>
  
  <pre><code>    &lt;div (paste)="pastePicture($event)" style="height: 300px; width: 300px; background-color:#ccc;"&gt;
  &lt;/div&gt;
  
    pastePicture(event: ClipboardEvent) {
  console.log(event);  }
  </code></pre>
  
  <p><a href="https://plnkr.co/edit/QmELBtWJqjAuEwGPiCZh?p=preview" rel="noreferrer">https://plnkr.co/edit/QmELBtWJqjAuEwGPiCZh?p=preview</a></p>
  
  <p>Any thoughts on this?</p>