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