我需要读取每个图像的自然高度并进行计算。但是,我在读取自然高度时遇到了一些问题。
$('div.imgkirp img').each(function(){
console.log($(this).naturalHeight);
});
在控制台日志中出现:(图片数量) undefined。如何读取每个图像的原始高度?
我需要读取每个图像的自然高度并进行计算。但是,我在读取自然高度时遇到了一些问题。
$('div.imgkirp img').each(function(){
console.log($(this).naturalHeight);
});
在控制台日志中出现:(图片数量) undefined。如何读取每个图像的原始高度?
尝试使用图片的naturalHeight
属性,使用jQuery的prop
方法:
$('div.imgkirp img').each(function(){
console.log($(this).prop('naturalHeight'));
});
var image = new Image();
image.src = $(this).attr("src");
alert('width: ' + image.naturalWidth + ' and height: ' + image.naturalHeight);
这种方法在Internet Explorer 8及以下版本中无法使用,因为它不支持' naturalWidth '和' naturalHeight '属性。要实现相同的效果,请使用以下代码:
var image = new Image();
image.src = $(this).attr("src");
image.onload = function() {
console.log('height: ' + this.height);
};
load
。因为如果图片没有加载完成,可能会返回 "undefined"。 - Wallace Vizerra