jquery獲取圖片的真實大小
在前端中有許多時候希望顯示圖片的的真實大小的場景(如果圖片預覽這樣的場景),如果直接用選擇器把html中的img元素選擇出來然後輸出他的width()和height()的話,如果對img元素有做樣式限定的則輸出的是樣式中的高度和寬度,無法得出圖片的真實畫素大小。這裡可採用新建個圖片物件,然後直接載入(這裡可以用load載入)整個圖片然後在或者其高寬屬性即可。
如以下demo程式碼
$(document).ready(function(){ $("img").each(function () { //獲取所有img元素,進行遍歷 $("<img />").attr("src", this.src).on("load", function () { //這裡使用的jquery新建一個img物件進行新增attr屬性,把src新增上去,然後進行載入事件 var imgw = this.width; //這裡的width和height就是圖片實際的寬高了 var imgh = this.height; alert("imgw:" + imgw + ',' + "imgh:" + imgh); }); });});
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2730/viewspace-2817562/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript獲取圖片的真實大小JavaScript
- 如何用JavaScript獲取圖片的真實尺寸大小JavaScript
- jquery獲取圖片的實際尺寸大小程式碼例項jQuery
- js如何獲取圖片的真實尺寸JS
- 獲取網路圖片的大小
- 如何通過js和jquery獲取圖片真實的寬度和高度JSjQuery
- javascript獲取圖片的真實寬度和高度JavaScript
- Java——獲取圖片尺寸和大小Java
- jQuery修改和獲取圖片的src屬性值jQuery
- asp 獲取圖片的 大小 和畫素 ,解析度,以及壓縮圖片
- 成品直播原始碼,JAVA獲取圖片的寬、高和大小原始碼Java
- 獲取app 圖片APP
- 通過url動態獲取圖片大小方法總結
- 獲取真實IP地址
- PHP獲取圖片寬度高度、大小尺寸、圖片型別、用於佈局的img屬性PHP型別
- jQuery如何獲得圖片的路徑jQuery
- javascript如何獲取圖片的高度JavaScript
- 獲取SDWebImage下載的圖片Web
- 獲取使用者的真實ip
- 獲取本地圖片/視訊地圖
- iOS 獲取視訊圖片iOS
- 【API】隨機獲取圖片API隨機
- 谷歌瀏覽器下jquery無法獲取圖片的尺寸解決方案谷歌瀏覽器jQuery
- 計算表資料真實行長度獲得表真實大小
- javascript如何獲取img圖片的尺寸JavaScript
- jQuery獲得/控制元素的大小jQuery
- nginx後端獲取真實ipNginx後端
- Apapche獲取真實IP地址方法
- 獲取客戶端真實IP客戶端
- laravel symfony request獲取真實ip的坑Laravel
- PHP 獲取使用者真實的ipPHP
- 如何獲取真實的執行計劃
- 獲取bitmap大小
- 動態等比例調整圖片大小的jQuery程式碼jQuery
- 一鍵批次獲取易貝商品圖片的實用技巧
- JavaScript獲取背景圖片定位值JavaScript
- 用JavaScript獲取原始圖片尺寸JavaScript
- js如何獲取圖片的長寬尺寸JS