如何用JavaScript在浏览器端获取图片的原始尺寸大小？

今天在网上 冲浪时，看到一篇文章，我只选择主要的粘下来，留作后用：

var img = $(“#img_id”); // Get my img elem
var pic_real_width, pic_real_height;
$(“<img/>”).attr(“src”,
$(img).attr(“src”)).load(function() {
pic_real_width = this.width;   // Note: $(this).width() will not
pic_real_height = this.height; // work for in memory images.
});

Webkit浏览器(谷歌浏览器等)是在图片的loaded事件之后才能获取高度和宽度值。所以，你不能使用timeout函数延时等待，最好的方法是使用图片的onload事件。

为了避免CSS对图片大小尺寸的影响，上面的代码将图片拷贝到内存中进行计算。

如果你的页面是老式页面，你可以按需把这段代码嵌入页面底部，它不需要你修改原有页面。