主页 / 问题 / 1295906
Accepted
Kobets Matviy
Asked:2022-06-16 20:46:19 +0800 CST2022-06-16 20:46:19 +0800 CST

获取 <img> 图片权重 [jQuery/JS]

  • 772

您需要知道标签中页面上显示的图像的权重<img>
控制台中的所有内容都可用，但是如何将其拉入变量中？

在此处输入图像描述

UPD：图像权重 (Kb) = 文件大小

jquery

2 个回答

  1. 最好的办法是访问 image 属性。它有一个 img.target.files.size 值，以字节为单位在浏览器中显示。因此，您可以在那里查看。如果您需要一个可以观察到这一点的函数，那么它看起来像这样：

    const imgSize = (image) => {
  console.log(image.target.files.size)
}

    • 1
  2. Best Answer

    以字节为单位获取图像大小：

    function GetImageSizeInBytes(imgURL) {
  var request = new XMLHttpRequest();
  request.open('HEAD', imgURL, false);
  request.send(null);
  var headerText = request.getAllResponseHeaders();
  var re = /Content\-Length\s*:\s*(\d+)/i;
  re.exec(headerText);

  return parseInt(RegExp.$1);
}

    • 0

相关问题