title: For image Aspect ratio calculation image is getting loaded 2 times
body: <p>I'm trying to solve image is loading 2 times for a single preview</p>
  <p>1st time image will be loaded for preview purpose in <code>iframe</code></p>
  <p>2nd time image metadata such as width, height will be fetched with same path</p>
  <p><strong>Below image shows 2 times loading same image:</strong></p>
  <p><a href="https://i.stack.imgur.com/w9na1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w9na1.png" alt="enter image description here" /></a></p>
  <p>in both the call 8.9kB,8.6kB  will be loaded i want to avoid that.</p>
  <p><strong>Question:</strong> I want to calculate <code>image</code> aspect ratio with single load of image. 2 calls i need to avoid</p>
  <p><strong>Note:</strong> i want iframe based solution</p>
  <p><strong>Here is demo:</strong> <a href="https://codepen.io/eabangalore/pen/rNLWJWE?editors=1010" rel="nofollow noreferrer">https://codepen.io/eabangalore/pen/rNLWJWE?editors=1010</a></p>
  <p><strong>For reproducing:</strong> we need to disable cache</p>
  <p>Please help me thanks in advance!!!</p>