首頁 >web前端 >js教程 >關於JS判斷圖片是否載入完成且取得圖片寬度的方法_javascript技巧

關於JS判斷圖片是否載入完成且取得圖片寬度的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:37:461168瀏覽

做web的同學們常常會碰到客戶上傳圖片將網頁內容區撐破了的情況,以下就這個問題我們一種如何使用js處理這個問題的方法,具體思路就是在js判斷客戶端的圖片下載完畢之後適時的對該圖片的寬度或高度做一些處理,js處理圖片主要是利用js中Image對象,透過onload 事件和onreadystatechange 來進行判斷。

(1)第一中方法,透過onload事件,例如:

複製程式碼 程式碼如下:


onloading…

(2)第二種方法,使用 onreadystatechange 來判斷

複製代碼 代碼如下:


onloading…
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn