欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法

 更新時間：2013年04月09日 16:40:52   作者：  
本篇文章小編為大家介紹，關(guān)于JS判斷圖片是否加載完成且獲取圖片寬度的方法，有需要的朋友可以參考一下

做web的同學(xué)們經(jīng)常會碰到客戶上傳圖片將網(wǎng)頁內(nèi)容區(qū)撐破了的情況，下面就這個問題我們一種如何使用js處理這個問題的方法，具體思路就是在js判斷客戶端的圖片下載完畢之后適時的對該圖片的寬度或者高度做一些處理，js處理圖片主要是利用js中Image對象，通過 onload 事件和 onreadystatechange 來進(jìn)行判斷。

（1）第一中方法，通過onload事件，比如：

復(fù)制代碼 代碼如下:

<script type="text/javascript">
var obj=new Image();
obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg";
obj.onload=function(){
alert('圖片的寬度為：'+obj.width+'；圖片的高度為：'+obj.height);
document.getElementById("mypic").innnerHTML="<img src='"+this.src+"' />";
}
</script>
<div id="mypic">onloading……</div>

（2）第二種方法，使用 onreadystatechange 來判斷

復(fù)制代碼 代碼如下:

<script type="text/javascript">
var obj=new Image();
obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg";
obj.onreadystatechange=function(){
if(this.readyState=="complete"){
alert('圖片的寬度為：'+obj.width+'；圖片的高度為：'+obj.height);
document.getElementById("mypic").innnerHTML="<img src='"+this.src+"' />";
}
}
</script>
<div id="mypic">onloading……</div>

相關(guān)文章

最新評論