title: Drag & Drop a image via jQuery to get image dimensions
body: <p>I using <a href="https://github.com/weixiyen/jquery-filedrop" rel="nofollow noreferrer">jquery-filedrop</a> and i allowed user to upload file only PNG &amp; JPG</p>
  
  <p>But how can I check image size (like pixel) ?</p>
  
  <p><strong>Possible to get image size in file object ?</strong></p>
  
  <p>After I looked at the file object in console.log , it's nothing about image size.</p>
  
  <p><img src="https://i.stack.imgur.com/0in1Z.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/KfWjm.png" alt="enter image description here"></p>
  
  <p>Or I have to check in PHP or append image so <code>.width()</code> &amp; <code>.height()</code> <a href="https://stackoverflow.com/questions/623172/how-to-get-image-size-height-width-using-javascript">(REF)</a>?</p>