美文网首页
获取img图片的宽高等于0

获取img图片的宽高等于0

作者: 一个小蜗牛 | 来源:发表于2019-05-16 11:55 被阅读0次

    工作中需要读取img图片的宽度,根据宽度来设置相应的css宽度,

    $(function(){
          $("img").each(function () {
              console.log($(this).width())
          });
    })
    

    获取出来的width等于0.因为图片加载是异步的,也就是这个图片不可用,或者图片还没加载好.
    解决方法

    $(window).load(function(){
        $("img").each(function () {
              console.log($(this).width())
          });
    })
    

    这样就能获得图片的宽度,但是如果css里设置了图片的宽度,这个width的值就是css里设置的值.

    naturalWidth,naturalHeight获取的是图片的真实宽度跟高度.

    相关文章

      网友评论

          本文标题:获取img图片的宽高等于0

          本文链接:https://www.haomeiwen.com/subject/plnbaqtx.html