Question

我需要知道从extern URL加载时的图像大小，因为项目需要调整图像div的大小。

我需要做这样的事情：

<img id="imglegend'+layername+'" src="url_to_an_extern_host" />

并且，使用Javascript和JQuery：

$('#imglegend'+layername).ready(function(){
   var h = $('#imglegend'+layername);
   // Resize image div container
});

但是这没用。有可能吗？

提前致谢！

Answer 1

$('#imglegend').load(function(){
   var w =    $(this).width();
   var h =    $(this).height();
   alert(w); alert(h);
}).error(function (){
   $(this).remove();//remove image if it fails to load// or what ever u want
})

Answer 2

图片没有ready个事件。但他们确实有load事件：

$('#imglegend'+layername).load(function(){
   alert(this.width);
});

编辑：顺便说一句，您需要确保在附加事件处理程序之前未加载图像。在分配处理程序而不是HTML中之后，您需要在脚本中分配src，或者在onload HTML中分配处理程序。

从Javascript中的外部URL加载时获取图像大小

2 个答案: