美文网首页
获取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