jQuery实际图像diamension

Question

我有一个1024x768的图像

<span class="frame">
<img alt="Image" title="Image" src="hD41120CA-7164-11DF-A79E-F4CE462E9D80_Green_Sea_Turtle.jpg">
</span> 

并且下面的CSS将图像宽度设置为

.frame img{
    width:425px;
}

和jQuery代码

$('.uploaded_image img').attr("width");

返回425

如何在JavaScipt中检索图像1024的实际宽度？

Answer 1

我不确定,但我认为所有与尺寸相关的函数(如.width())都将返回实际宽度,而不是图像的实际宽度.

您可以做的是在javascript中添加新图像,将源设置为原始图像的源并从中获取宽度.

一个未经测试的例子:

tmp_image = new Image();
tmp_image.src = $('.uploaded_image img').attr("src");
image_width = tmp_image.width;