首页
学习
活动
专区
圈层
工具
发布

获取图像尺寸(高度和宽度) Js或jquery

获取图像尺寸(高度和宽度)可以使用JavaScript或jQuery来实现。

在JavaScript中,可以使用Image对象的属性来获取图像的尺寸。具体步骤如下:

  1. 创建一个Image对象:var img = new Image();
  2. 设置图像的src属性为图像的URL:img.src = "image.jpg";
  3. 在图像加载完成后,可以通过img.naturalWidthimg.naturalHeight属性获取图像的宽度和高度。

以下是一个完整的示例代码:

代码语言:txt
复制
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()方法来获取图像的宽度和高度。具体步骤如下:

  1. 创建一个图像元素:var img = $("<img />");
  2. 设置图像的src属性为图像的URL:img.attr("src", "image.jpg");
  3. 在图像加载完成后,可以使用img.width()img.height()方法获取图像的宽度和高度。

以下是一个完整的示例代码:

代码语言:txt
复制
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);
});

这种方法适用于获取已加载的图像的尺寸。如果图像尚未加载完成,尺寸可能不准确。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的文章

领券