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);

它不工作，返回未定义。。高度：未定义

感谢您的帮助

---

谢谢

如果您试图在客户端获取图像的宽度和高度，可以使用jQuery的和方法

示例：

执行

$（窗口）.load（）

将确保在获取高度/宽度之前加载图像。

尝试以下操作：

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

---

这种方法可以让您获得图像信息，而无需使用

标记。现在，也许你想让图片出现在页面上，那么你应该按照@patrick的建议去做。

也许我误解了这个问题。如果你的目的是在不（必要的）插入DOM的情况下获取信息，那么这将是一个不错的选择。只是出于好奇，你对这个链接共享代码已经做了多少。我正试图找到一个jquery插件，可以做到这一点。。。。

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