在 jQuery 中获取图像的原始宽度和高度

2023-11-22

我需要获取给定特定来源的图像的原始宽度和高度。我目前的方法是:

img.tag = "<img style='display:none;' src='" + img.src + "' />";
img.Owidth = 0;
img.Oheight = 0;

$(img.tag).load(function() {
    img.Owidth = $(this).width();
    img.Oheight = $(this).height();
}).appendTo(img.parent());

With Owidth and Oheight是加载图像的原始尺寸。我想知道是否有更好的方法来做到这一点:

  • 图像可能已经加载,但显示的尺寸与原始尺寸不同。
  • 图片尚未加载

对于 Chrome 和 Firefox(希望很快还有 IE),您可以使用...

var width = $('img').prop('naturalWidth');
var height = $('img').prop('naturalHeight');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 jQuery 中获取图像的原始宽度和高度 的相关文章

随机推荐