通过JQ分享动态加载图片的大小的正确方法

有一些非常容易出错的方法来获取动态加载图像的大小。错误的主要原因是:
在从Web页面下载代码之前调用它,这在机器的开发过程中并不容易找到。
当图片从浏览器缓存中获取时,jQuery加载()事件处理错误会获取错误的大小。
错误的代码是:
(错误)调用代码以在添加HTML后立即获得大小。

复制代码代码如下所示:
html =;
$(# my_div)。Html(HTML);
VaR的宽度=美元(# my_div IMG)(宽度); / /可以返回0


(错误)使用jQuery的加载()事件处理

复制代码代码如下所示:
html =;
VaR img = $(HTML);
html.load(函数(){()
0如果图像是从浏览器缓存加载的
VaR的宽度= img.width();
});
$(# my_div)。Html(IMG);


这是使用Javascript图像类的正确方法:
正确的方式
复制代码代码如下所示:
html =;
$(# my_div)。Html(HTML);
新图像();
ni.onload =函数(){
VaR的宽度= ni.width;
}
ni.src = img.attr(URL);