Получить вес изображения [jQuery / JS]

Question

Нужно узнать вес изображения отображаемого на странице в теге <img>
Все доступно в консоли, но как вытащить в переменную??

UPD: вес изображения (Кб) = file size

Answer 1

Лучше всего обратиться к свойству изображения. У него есть значение img.target.files.size, в котором он показан в браузере в байтах. Соответственно, можно там и посмотреть. Если нужна функция, которая будет за этим наблюдать, то выглядит она примерно так:

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

Answer 2

Получите размер изображения в байтах:

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);
}

БЛОГ НА HUSL

Получить вес изображения [jQuery / JS]

Ответы (2 шт):