分享

js获取图片的原始尺寸

 共同成长888 2015-04-19

js获取图片的原始尺寸 

很多时候在网页对图片进行处理的时候需要获得图片的原始尺寸,利用js来实现是比较常见的方法,

下面是js获得图片原始尺寸的代码;

  1. <style>
  2. #img{
  3. width:200px;
  4. height:120px;
  5. }
  6. </style>
  7. <p><img id="img" src="http://www.baidu.com/img/baidu_sylogo1.gif"/>
  8. <br/>
  9. <a href="javascript:;" id="a">获得图片尺寸顺便查看原图</a>
  10. <br/>
  11. <img id="newImg"/>
  12. <script>
  13. document.getElementById("a").onclick=function(){
  14. var img=new Image();
  15. img.src=document.getElementById("img").src;
  16. var width=img.width,height=img.height;
  17. alert(width+" "+height);
  18. document.getElementById("newImg").src=img.src;
  19. }
  20. </script>

来自:踏雪无痕

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多