Bagaimana Saya Boleh Mendapatkan Dimensi Imej Menggunakan JavaScript?

Menentukan Dimensi Imej Menggunakan JavaScript

Adakah anda perlu mengakses secara pemrograman dimensi imej yang dipaparkan pada halaman web anda? JavaScript menawarkan penyelesaian yang mudah.

Penyelesaian:

JavaScript menyediakan pendekatan yang mudah untuk mendapatkan semula dimensi imej:

1. Buat objek Imej baharu:

   const img = new Image();

   Salin selepas log masuk

2. Tetapkan onload event listener untuk menangkap dimensi imej apabila ia tersedia:

   img.onload = function() {
     alert(this.width + 'x' + this.height);
   }

   Salin selepas log masuk

3. Muat imej:

   img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

   Salin selepas log masuk

Setelah memuatkan imej , peristiwa onload mencetuskan dan memaparkan lebar dan ketinggian imej dalam kotak amaran. Dengan menggunakan teknik ini, anda boleh mengakses saiz mana-mana imej pada halaman web anda dengan mudah.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mendapatkan Dimensi Imej Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!