Rumah > Artikel > hujung hadapan web > PHP jQuery Ajax melaksanakan berbilang muat naik imej effects_jquery
Apa yang saya akan kongsikan dengan anda hari ini ialah menggunakan PHP jQuery Ajax untuk mencapai kesan memuat naik berbilang imej tanpa menyegarkan halaman. Pengguna hanya perlu mengklik untuk memilih imej untuk dimuat naik, dan kemudian imej itu dimuat naik secara automatik ke pelayan dan dipaparkan pada halaman.
HTML
Kami meletakkan borang pada halaman dan menggunakan siaran untuk menyerahkannya kepada pengendali php latar belakang upload.php Ambil perhatian bahawa tetapan atribut enctype mesti menyokong muat naik fail. #preview digunakan untuk memaparkan imej selepas dimuat naik. Tiada penjelasan dalam artikel ini tentang tetapan gaya css Sila rujuk kod sumber pakej muat turun.
Maksimum 100KB, menyokong format jpg, gif dan png.
Kod adalah seperti berikut:
$('#photoimg').die('klik').live('change', function(){
PHP
upload.php memproses muat naik imej dan menyimpan imej yang dimuat naik dalam direktori muat naik/ Ambil perhatian bahawa direktori mesti mempunyai kebenaran menulis. Mula-mula, anda perlu menyemak sama ada ia diserahkan dalam mod POST, kemudian tentukan sama ada format imej dan saiz imej memenuhi keperluan, kemudian gunakan move_uploaded_file() untuk memuat naik imej dan menamakan semula imej dalam format: time().rand (100,999).