Как получить параметры картинки до её загрузки?

163
26 августа 2018, 07:40

Возможно ли как-то получить высоту и ширину картинки до её загрузки(с сервера на клиент), но без использования PHP и прочего back-end?

Answer 1

Можешь эмулировать загрузку картинки, а потом получать ширину и высоту:

function getImgSize(imgSrc) { 
  var newImg = new Image(); 
 
  newImg.onload = function() { 
    var height = newImg.height; 
    var width = newImg.width; 
    console.log('Ширина:' + width + ' Высота:' + height); 
  } 
 
  newImg.src = imgSrc; 
} 
 
getImgSize('https://pixel.nymag.com/imgs/daily/science/2017/04/10/10-nature-outdoors.w710.h473.jpg');

Answer 2

Честно говоря, это как с бубном танцевать и ждать дождя. Вот как вы себе представляете, получение размеров фото до его загрузки? Но все же могу предложить пару вариантов:

  1. Вы можете указать на сайте где вы грузите картинку, что размеры должны быть такими-то например 512х512;
  2. Создать что-то вроде буфера, где и конкретно измерять размер фото а после сверять их с вашими данными;

Каким образом вы собираетесь это сделать, ещё и без языков? Интересно какое у вас мнение, на этот повод? А мы уже и поможем вам, додумать до конца. ;)

P.s. Вы может хотите как на сайтах вроде Вконтакте или Ютуб, где вам пишут что - изображение не подходит?

READ ALSO
JS - изменение класса без потери стилей

JS - изменение класса без потери стилей

Есть html страница со списком элементов, который объединяет общий className и, соответственно, привязанные к этому классу стилиЕсть ли способ полностью...

179
Показать оригинал по клику

Показать оригинал по клику

Перерыл Гугл, либо громосткое с 100500 стилей, которые дублируют мои, либо ваще не работающее говно

169
Как сделать правильно расстояние между li?

Как сделать правильно расстояние между li?

Как сделать правильно расстояние между li?

199