首页
前端开发
Javascript
利用JavaScript获取图片尺寸

利用JavaScript获取图片尺寸

30 次浏览 0 条评论
htm
htm

网页开发中，经常需要获取图片的尺寸信息。将介绍如何使用JavaScript代码获取图片的宽度和高度。

  const img = new Image();
  img.src = 'path/to/your/image.jpg'; 

  img.onload = () => {
  console.log('图片宽度：', img.width);
  console.log('图片高度：', img.height);
  };

上述代码中，首先创建了一个Image对象，并设置其src属性为目标图片的路径。

接着，通过监听img对象的onload事件，在图片加载完成后获取其宽度和高度，并打印到控制台。

htm 文件大小：7.37KB