JavaScript簡單獲取頁面圖片原始尺寸的方法
本文實例講述了JavaScript簡單獲取頁面圖片原始尺寸的方法。分享給大家供大家參考,具體如下:
這里通過Image()對象獲取原始寬高
這種方式就沒有那么麻煩,直接new一個Image()對象,然后把img的src賦值給他即可獲取。
var img = new Image(); img.src = $("#target").attr("src"); if(img.complete){ alert('width:'+img.width+',height'+img.height); img = null; }else{ img.onload = function(){ alert('width:'+img.width+',height'+img.height); img = null; }; }
并且不要擔心new Image對象會多一個http請求,瀏覽器加載圖片后已經(jīng)有緩存,你new N個image對象都沒問題,當然,內存會消耗,所以用完后img置為null。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
js實現(xiàn)數(shù)組去重、判斷數(shù)組以及對象中的內容是否相同
數(shù)組去重,判斷數(shù)組、對象中的內容是否相同等等,在接下來的文章中使用js來簡單實現(xiàn)下,感興趣的朋友不要錯過2013-11-11Javascript 獲取鏈接(url)參數(shù)的方法
Javascript 獲取鏈接(url)參數(shù)的實現(xiàn)方法2009-02-02詳解在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴導入)
這篇文章主要介紹了在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴導入),本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07List all the Databases on a SQL Server
List all the Databases on a SQL Server...2007-06-06js簡單實現(xiàn)根據(jù)身份證號碼識別性別年齡生日
根據(jù)身份證號碼識別性別年齡生日,目前就有一個這樣的需求,那么接下來為大家介紹下使用js是如何實現(xiàn)的,感興趣的朋友不要錯過2013-11-11