使用JavaScript 取得影像尺寸
問題:
是否可以以程式方式擷取使用JavaScript 或在網頁上顯示圖像的尺寸(寬度和高度) jQuery?
答案:
是的,您可以使用 JavaScript 或 jQuery 來取得網頁上圖片的尺寸。操作方法如下:
JavaScript:
const img = new Image(); img.onload = function() { alert(this.width + 'x' + this.height); } img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
此程式碼建立一個新的映像物件並為其指派載入事件偵聽器。當圖像載入完成時,事件偵聽器被觸發,它計算並警告圖像的寬度和高度。將提供的圖像 URL 替換為您要檢查的實際圖像。
jQuery:
jQuery 提供了用於檢索影像尺寸的內建函數:
const imgHeight = $('img').height(); const imgWidth = $('img').width();
只需將'$('img' )' 選擇器替換為適合您的影像元素的選擇器即可。
以上是如何使用 JavaScript 或 jQuery 來取得圖像的寬度和高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!