Автоматическая ширина и высота метки для изображения

Я работаю на небольшой PHP скрипт, на странице У меня есть список изображений, как это:Автоматическая ширина и высота метки для изображения

<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.wired.com/wp-content/uploads/2015/09/google-logo-1200x630.jpg" > 
</image>

, что мне нужно будет добавить атрибут ширины и высоты для каждый изображения, так что я могу получить эту

<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.wired.com/wp-content/uploads/2015/09/google-logo-1200x630.jpg" width="1200" height="630" > 
    </image>

PS: ширина и высота изображения должна быть автоматически рассчитывается на основе линии картины. Можно ли это сделать с помощью JQuery или javascript?

источник

2016-04-13 Belatar Yassine

почему бы не получать размер изображения с помощью PHP? Usign JS вам нужно выполнить другой асинхронный вызов этого изображения перед установкой атрибута в тег 'image' –

, который вы уже можете сделать с помощью PHP-скрипта, вы можете использовать функцию php getimagesize. http://php.net/manual/en/function.getimagesize.php –

Я не могу сделать это с помощью PHP, потому что на этой странице вся информация передается с помощью jquery. Пользователь нажимает кнопку добавления и помещает ссылку, тогда этот тег изображения создается с помощью JQuery. @ RokoC.Buljan –

Вы можете загрузить это изображение в javascript, используя объект Image. Затем вы можете захватить ширины и высоты.

var img = new Image(); 
$("svg image").each(function() { 
    var link = $(this).attr('xlink:href'); 
    img.src = link; 
    $(this).attr('width', img.width); 
    $(this).attr('height', img.height); 
});

См:

https://jsfiddle.net/kfmvhokd/3/

источник

2016-04-13 01:59:44 Thomas

К сожалению, они этого не делают! тег, который я использую, предназначен для SVG. –

@BelatarYassine Я обновил свой ответ. – Thomas

Не работает ширина и высота ссылки, которую вы отправили, это 2000, которая не является точной. –

Автоматическая ширина и высота метки для изображения

ответ

Смежные вопросы