溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在前端中有許多時候希望顯示圖片的的真實大小的場景(如果圖片預覽這樣的場景)，如果直接用選擇器把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);
});
});
});免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
