如何从href获取图像高度和宽度？

Question

我试图从 href 链接图像中获取图像的高度和宽度，但没有运气。 有谁知道如何解决这个问题？

这是代码：

<a href="/images/int_kit_a_set.jpg" class="upload">
    <img src="/Assets/images/int_kit_a_set_thumb.jpg"
        ondragstart="return false" height="108" width="144" alt="" />
</a>

Answer 1

您的 HTML：

<a href="/images/int_kit_a_set.jpg" class="upload"><img src="/Assets/images/int_kit_a_set_thumb.jpg"  ondragstart="return false" height="108" width="144" alt="" /></a>

Javascript w/jQuery：

var image = $("<img />").attr("src", $(".upload").attr("href"));
$(document).append(image);
alert(image.height());
alert(image.width());
image.remove();

我没有测试 javascript ......但我不确定你的问题是否清楚......所以也许这就是你想要的，也许不是。

本质上，我正在获取链接的 HREF 属性，使用 url 在页面上创建一个新图像，测量图像，然后将其从 DOM 中删除。

您可以为图像添加一种样式，使其脱离屏幕或其他东西......但是您必须弄乱它才能找到可以跨浏览器工作的东西。 某些浏览器不会始终加载不可见的图像。 我也不确定您是否会在我的脚本中遇到任何时间问题。

Answer 2

把它们放在一起： alert( new Image().src = $('.upload').attr('href')).width );