Bagaimanakah Saya Boleh Mendapatkan Lebar dan Ketinggian Imej Menggunakan JavaScript atau jQuery?

Mendapatkan Dimensi Imej dengan JavaScript

Soalan:

Adakah mungkin untuk mendapatkan semula secara pengaturcaraan dimensi (lebar dan tinggi) imej pada halaman web menggunakan JavaScript atau jQuery?

Jawapan:

Ya, anda boleh mendapatkan dimensi imej pada halaman web menggunakan JavaScript atau jQuery. Begini caranya:

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';

Kod ini mencipta objek imej baharu dan memberikan pendengar acara beban kepadanya. Apabila imej selesai dimuatkan, pendengar acara dicetuskan dan ia mengira serta memaklumkan lebar dan ketinggian imej. Gantikan URL imej yang disediakan dengan imej sebenar yang anda mahu semak.

jQuery:

jQuery menawarkan fungsi terbina dalam untuk mendapatkan semula dimensi imej:

const imgHeight = $('img').height();
const imgWidth = $('img').width();

Cuma gantikan pemilih '$('img')' dengan pemilih yang sesuai untuk elemen imej anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Lebar dan Ketinggian Imej Menggunakan JavaScript atau jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!