Question

How to get image natural width and height in JavaScript

Answer 1

function get_image_size() {
    var image = document.getElementById('imgid');

    var width = image.naturalWidth;
    var height = image.naturalHeight;

    document.write(width + " " + height);
}
 
   
/*
run:
   
2560 1200
      
*/

<img src="http://coupondiscountblog.com/images/dreamcloudsleep-mattress.jpg" id="imgid" 
     width="400" height="200" />
<br />
<button onclick="get_image_size()">get image size</button>

 

70+ SQL courses for beginners and professionals