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

Question

目前我正在尝试获取远程图像的宽度/高度。我正在开发一个链接共享模块，就像当您在 Facebook 上粘贴链接时，您可以看到标题、描述和图像。

所以我尝试使用 php getimagesize 来获取图像的宽度/高度，但速度非常慢。

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

我是 jquery/javascript 的新手

我试过类似的东西

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

它不工作并返回 undefined .. height: undefined

感谢任何帮助。

谢谢

Answer 1

试试这个:

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 的建议进行操作。