javascript – 使用jquery的远程图像属性

前端之家收集整理的这篇文章主要介绍了javascript – 使用jquery的远程图像属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前我正在尝试获取远程图像宽度/高度.我正在开发一个链接共享模块,就像你在Facebook上粘贴一个链接,你可以看到标题,描述和图像.

所以我尝试使用PHP getimagesize来获取图像宽度/高度非常慢.

所以我正在考虑使用jquery解决方案来获取远程图像宽度/高度,以便我可以过滤图像宽度小于100px.

我是jquery / javascript的新手

我试过类似的东西

var img = $('#imageID');
var width = img.clientWidth;
var height = img.clientHeight;
$('#info').html(width+'.. height: '+height);

它不工作并返回undefined ..高度:未定义

任何帮助表示赞赏.

谢谢

解决方法

试试这个:
var img = new Image();
img.src = 'http://your.url.here/image.png';
img.onload = function() {
  $('#info').text('height: ' + img.height + ' width: ' + img.width);
};

这种方法可以让您获得图像信息而无需使用< img>标签.现在,也许你希望图像在页面上,所以你要做@patrick在这种情况下的建议.

猜你在找的jQuery相关文章