获取图像尺寸(高度和宽度)可以使用JavaScript或jQuery来实现。
在JavaScript中,可以使用Image对象的属性来获取图像的尺寸。具体步骤如下:
var img = new Image();
img.src = "image.jpg";
img.naturalWidth
和img.naturalHeight
属性获取图像的宽度和高度。以下是一个完整的示例代码:
var img = new Image();
img.src = "image.jpg";
img.onload = function() {
var width = img.naturalWidth;
var height = img.naturalHeight;
console.log("图像宽度:" + width);
console.log("图像高度:" + height);
};
在jQuery中,可以使用$()
函数创建一个图像元素,并使用width()
和height()
方法来获取图像的宽度和高度。具体步骤如下:
var img = $("<img />");
img.attr("src", "image.jpg");
img.width()
和img.height()
方法获取图像的宽度和高度。以下是一个完整的示例代码:
var img = $("<img />");
img.attr("src", "image.jpg");
img.on("load", function() {
var width = img.width();
var height = img.height();
console.log("图像宽度:" + width);
console.log("图像高度:" + height);
});
这种方法适用于获取已加载的图像的尺寸。如果图像尚未加载完成,尺寸可能不准确。
领取专属 10元无门槛券
手把手带您无忧上云