javascript - jQuery 实际图像尺寸

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;