获取图片大小

最新推荐文章于 2023-05-24 11:00:14 发布

Omeletteyang

最新推荐文章于 2023-05-24 11:00:14 发布

阅读量489

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/Omeletteyang/article/details/73555891

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

获取经过页面渲染的图片的大小

  //图片加载完之后...
    $('#preview').on('load',function(){
      //获取图片的宽度和高度
      picWidth = $('#preview').width();//图片的宽度
      picHeight = $('#preview').height();//图片的长度
    })

需要注意的是这段代码尽量写在前面，在之后再指定img的src。不然可能会读出宽和高还是0

获取图片的实际大小

var OriginImage = new Image(); 
    //获取实际的宽度 
    function GetImageWidth(oImage) {  
        if (OriginImage.src != $(oImage).attr('src')) OriginImage.src = $(oImage).attr('src');  
        return OriginImage.width;  
    }  
    
    //获取实际的高度
    function GetImageHeight(oImage) {  
        if (OriginImage.src != $(oImage).attr('src')) OriginImage.src = $(oImage).attr('src');  
        return OriginImage.height;  
    }