js如何获取 已有图片 的尺寸 （高宽） 并显示在html 里？

Question

比如这张图片 在一个html 里求js 获取他的高宽 并显示 在图片下方 如： 800*900px

Answer 1

不要设置width和height，给img加onload事件获取height和width，现在哪里自己设置控件innerHTML就行了
<img src="xxxxxx.jpg" onload="alert('height:'+this.offsetHeight+'\nwidth:'+this.offsetWidth)"/>

Answer 2

如何直接显示在hmtl 里？ 不是 弹窗

Answer 3

<img src="2.jpg" id="imageE"></div>
<p style="text-align:center">大小：
<script>
        function getImageSize(imgE){
             var i = new Image(); //新建一个图片对象
              i.src = imgE.src;//将图片的src属性赋值给新建的图片对象的src
              return new Array(i.width,i.height);
        }        var imageE = document.getElementById("imageE"),
        imageSize = getImageSize(imageE),
        imgwidth = imageSize[0],
        imgheight = imageSize[1];
      console.log(imgwidth);
     console.log(imgheight);
 
  document.writeln(imgwidth+'x'+ imgheight);
   </script>
</p>