如何从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 );