свойства удаленного изображения используя jquery
В настоящее время я пытаюсь получить удаленную ширину / высоту изображения. Я разрабатываю модуль обмена ссылками, например, когда вы вставляете ссылку на Facebook, вы можете увидеть заголовок, описание и изображения.
Поэтому я попытался использовать php getimagesize, чтобы получить ширину / высоту изображения очень медленно.
Я подумываю использовать решение jquery для получения удаленной ширины / высоты изображения, чтобы я мог отфильтровать ширину изображения менее 100 пикселей.
Я новичок в jquery / javascript
Я пробовал что-то вроде
var img = $('#imageID');
var width = img.clientWidth;
var height = img.clientHeight;
$('#info').html(width+'.. height: '+height);
. Оно не работает и возвращает неопределенное значение. .. height: undefined
Любая помощь приветствуется.
Спасибо
2 ответа
Попробуйте это:
var img = new Image();
img.src = 'http://your.url.here/image.png';
img.onload = function() {
$('#info').text('height: ' + img.height + ' width: ' + img.width);
};
Этот подход позволит вам получить информацию об изображении вообще без тега
Если вы пытаетесь получить ширину и высоту изображения на стороне клиента, вы можете использовать функции jQuery .width() и .height( ) методы.
Пример: http://jsfiddle.net/aeBWQ/
$(window).load(function() {
var img = $('#imageID');
var width = img.width();
var height = img.height();
$('#info').html(width+'.. height: '+height);
});
Выполнение $(window).load() гарантирует загрузку изображений до получения высоты/ширины.