首頁 >web前端 >js教程 >如何使用 formData() 處理多個檔案上傳?

如何使用 formData() 處理多個檔案上傳?

Barbara Streisand
Barbara Streisand原創
2024-10-22 20:30:03331瀏覽

How to Handle Multiple File Uploads Using formData()?

使用formData() 上傳多個檔案

使用FormData() 方法上傳多個檔案所需的語法與上傳單一檔案略有不同。提供的原始程式碼僅上傳使用 files[0] 屬性選擇的第一個檔案。若要處理多個檔案上傳,您需要遍歷所選檔案並將每個檔案附加到 FormData 物件。

JavaScript:

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

在此修改後的程式碼中,我們使用files.length 來確定所選文件的數量,然後迭代文件,使用「 fileToUpload[]”鍵將每個檔案附加到FormData 物件。

PHP:

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

在 PHP 方面,您需要修改程式碼以使用 count() 函數處理多個檔案上傳,並使用索引循環遍歷檔案。這將允許您單獨存取和處理每個上傳的檔案。

以上是如何使用 formData() 處理多個檔案上傳?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn