javascript - 如何从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>

带有 jQ​​uery 的 JavaScript:

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

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

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

您可以向图像添加一种样式，将其置于屏幕之外或其他内容...但是您必须对其进行修改才能找到跨浏览器工作的内容。有些浏览器不会一致地加载不可见的图像。我也不确定您是否会遇到我的脚本的任何计时问题。