Bagaimana untuk Muat Naik Berbilang Fail Serentak dengan FormData() dalam JavaScript dan PHP?

Memuat Naik Berbilang Fail dengan formData()

Apabila bekerja dengan muat naik fail dalam JavaScript dan PHP, adalah perkara biasa untuk menghadapi senario yang memerlukan berbilang fail untuk dihantar serentak. Antara muka FormData menawarkan kaedah yang mudah untuk mencapai ini. Walau bagaimanapun, tingkah laku lalai untuk memilih hanya fail pertama dalam medan input mungkin kelihatan terhad.

Cara Memuat Naik Berbilang Fail Pilihan

Untuk mengatasi had ini, JavaScript kod mesti berulang melalui semua fail yang dipilih dan menambahkannya pada objek FormData. Kod berikut menunjukkan perkara ini:

<code class="javascript">var files = document.getElementById('fileToUpload').files;
for (var x = 0; x < files.length; x++) {
    fd.append("fileToUpload[]", files[x]);
}

Dalam kod ini, kami mendapatkan semula semua fail yang dipilih daripada medan input dan mengulanginya, menambahkan setiap fail pada objek FormData dengan fail utamaToUpload[]. Teknik ini membolehkan kami memuat naik berbilang fail dalam satu permintaan Ajax.

Mengendalikan Berbilang Fail dalam PHP

Di bahagian pelayan, PHP boleh menerima fail yang dimuat naik dalam tatasusunan. Untuk mengakses fail individu, gunakan sintaks tatasusunan:

<code class="php">$count = count($_FILES['fileToUpload']['name']);
for($i = 0; $i < $count; $i++){
    echo 'Name: '.$_FILES['fileToUpload']['name'][$i].'<br/>';
}</code>

Kod ini berulang melalui fail yang dimuat naik dan mencetak namanya untuk tujuan demonstrasi. Anda boleh menggunakan tatasusunan ini untuk melakukan pemprosesan selanjutnya, seperti menyimpan fail ke lokasi tertentu atau melakukan pengesahan.

Dengan mengikuti langkah ini, anda boleh memuat naik berbilang fail secara serentak menggunakan formData() dan mengendalikannya dengan berkesan dalam PHP.

Atas ialah kandungan terperinci Bagaimana untuk Muat Naik Berbilang Fail Serentak dengan FormData() dalam JavaScript dan PHP?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!