在加载到html中之前，如何获取图像大小? [英] how can l get the image size, before it loads into html?

问题描述

首先，图像高度变为零，然后刷新页面，我得到了它的实际高度.我需要在第一时间获得身高吗?有人可以帮我吗?

At first image height is coming as zero, after that by refreshing the page i am getting its actual height. I need to get its height at first time? could any body helps me?

$j(document).ready(function(){
           var imgV = new Image();
           imgV.src="http://www.kerrvilletexascvb.com/Riverside%20Nature%20Center3.JPG";
           $j("#imgD").html(imgV.height);
           alert(imgV.height);
});


<div id="imgD"></div>
<img src="http://www.kerrvilletexascvb.com/Riverside%20Nature%20Center3.JPG" />

推荐答案

您不必在DOM中插入图像即可获取其尺寸:

You don't have to insert an image into the DOM to get its dimensions:

$("<img />")
    .attr("src", "http://www.google.com/intl/en_ALL/images/logo.gif")
    .load(function() {
        alert(this.width);
        alert(this.height);
    })
;

这篇关于在加载到html中之前，如何获取图像大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！