title: get e.target.files[0]; in click event jquery
body: <p>I want to use images on canvas, so I do</p>
  
  <pre><code>document.getElementById('file').addEventListener("change", function(e) {
          var file = e.target.files[0];
          console.log(file) //worked
      }); 
  </code></pre>
  
  <p>But how can I e.target.files[0] from image element within clicks event?</p>
  
  <pre><code>$('.img').click(function(){
  //what to do here?
  })
  </code></pre>