Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Muat Naik Berbilang Fail Menggunakan FormData() dalam JavaScript dan PHP?

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

Barbara Streisand
Barbara Streisandasal
2024-10-22 22:48:02323semak imbas

How to Upload Multiple Files Using FormData() in JavaScript and PHP?

Memuat Naik Berbilang Fail dengan formData()

Kod yang disediakan berfungsi untuk memuat naik satu fail menggunakan formData(), tetapi untuk mendayakan muat naik berbilang fail, sedikit pengubahsuaian diperlukan.

Penyelesaian:

Untuk memuat naik berbilang fail, sifat fail[] dan gelung melalui fail yang dipilih adalah perlu:

JavaScript:

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

PHP (uph.php):

Untuk mengendalikan berbilang fail pada bahagian pelayan, ubah suai skrip PHP seperti berikut:

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

Dengan pelarasan ini, kod akan berulang pada fail yang dipilih, menambahkannya pada objek formData dan menghantarnya ke skrip PHP untuk diproses. Kaedah ini membenarkan muat naik dan pengendalian berbilang fail yang dipilih.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn