Bagaimanakah Saya Boleh Mendapatkan Dimensi Imej Latar Belakang Menggunakan jQuery?

Menentukan Dimensi Imej Latar Belakang dalam jQuery

Tugas untuk mendapatkan semula dimensi (lebar dan tinggi) imej latar belakang div menggunakan jQuery nampaknya mudah, tetapi ia memberikan beberapa cabaran.

Pada mulanya, percubaan untuk menggunakan jQuery('#myDiv').css('background-image').height() boleh mengakibatkan mesej ralat yang menunjukkan bahawa ia bukan fungsi. Untuk mengatasinya, kami meneroka pendekatan alternatif.

Satu penyelesaian melibatkan mengekstrak URL imej daripada gaya imej latar belakang dan mencipta objek Imej untuk memuatkan imej. Apabila imej berjaya dimuatkan, kita boleh mengakses sifat lebar dan ketinggiannya untuk mendapatkan dimensi yang dikehendaki. Walau bagaimanapun, kaedah ini memerlukan manipulasi DOM dan boleh menjadi sensitif kepada aksara tertentu dalam nama fail imej.

Untuk menangani isu ini, kami mencadangkan penyelesaian yang lebih baik yang merangkum kod di dalam fungsi yang dipanggil getBackgroundImageSize. Fungsi ini menggunakan Objek Tertunda jQuery untuk mengendalikan pemuatan imej tak segerak dan menyediakan pengendalian ralat. Selain itu, ia menggunakan ungkapan biasa yang lebih mantap untuk memadankan pelbagai format URL, memastikan keserasian dengan pelayar yang berbeza dan versi jQuery.

Penggunaan getBackgroundImageSize adalah mudah. Cukup sediakan elemen jQuery sebagai hujah, dan ia akan mengembalikan janji. Jika imej berjaya dimuatkan, janji akan diselesaikan dengan objek yang mengandungi lebar dan ketinggian imej latar belakang. Jika tidak, janji itu akan ditolak.

Penyelesaian yang dikemas kini ini menawarkan pendekatan yang lebih komprehensif dan boleh dipercayai untuk menentukan dimensi imej latar belakang div menggunakan jQuery.

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