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回调函数,然后发送数据是一样的。
以上是本文的全部内容,希望大家能喜欢。