js分享图片高度的方法

获得图片高宽度的一般方法:

复制代码代码如下所示:

VaR img =新的图像();

img.src = imgsrc;

无功imgwh = CalcImgTiple(img.width,IMG。高度);



但在Chrome测试不能obtained.img.width和img.height 0



原因是:当图片不是本地图片时,它是网络图片。

是的onLoad事件处理程序被调用,当图像被加载。



在web开发中,有一个需求:访问加载图像使用Javascript的大小,所以很自然的,认为载IMG,下开发Firefox,IE下调试,发现img onload事件在许多情况下,它不叫。



原始代码如下所示:

复制代码代码如下所示:

VaR img =新形象;

img.src =测试。gif;

img.onload =函数(){

警报(IMG。宽度);

};



有与此代码没有错,但为什么不会被IE浏览器因为IE缓存图片,第二加载图片是不是从服务器上传,但从缓冲区加载。不是图片从缓冲区触发onload事件加载然后我测试了下面的代码并成功了。

复制代码代码如下所示:

VaR img =新形象;

img.onload =函数(){

警报(IMG。宽度);};

img.src =测试。gif;



写载到前面,告诉浏览器如何处理这张图片,然后指定图片的来源,所以这是正常的,而不是通过IE触发onload事件,这是因为加载缓冲速度过快,使onload事件被触发时,img.onload不运行。这让你觉得阿贾克斯。当你写你的第一个XMLHTTP,指定OnStateChange回调函数,然后发送数据是一样的。

以上是本文的全部内容,希望大家能喜欢。