我试图从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>

最佳答案

您的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>


带有jQuery的Javascript:

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


我没有测试javascript ...但是我不确定您的问题是否明确...所以也许这就是您想要的,也许不是。

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

您可以在图像上添加样式,将其放置在屏幕外或其他地方...但是您必须弄乱它才能找到可以跨浏览器使用的样式。某些浏览器不能始终加载不可见的图像。我也不确定您的脚本是否会遇到任何计时问题。

10-05 20:54
查看更多