首頁  >  文章  >  web前端  >  如何使用 FormData() 和 XMLHttpRequest 上傳多個文件

如何使用 FormData() 和 XMLHttpRequest 上傳多個文件

Susan Sarandon
Susan Sarandon原創
2024-10-22 21:04:02691瀏覽

How to Upload Multiple Files Using FormData() and XMLHttpRequest

使用 formData() 上傳多個檔案

提供的程式碼片段可讓您使用 FormData() 介面和 XMLHttpRequest 上傳單一檔案。但是,要實作多個文件的上傳,需要修改方法。

JavaScript:

從append語句中刪除[0]索引並使用a循環遍歷選定的檔案。 files.length 屬性決定選擇的檔案數量。

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

PHP:

在伺服器端,使用以下程式碼擷取已上傳的檔案:

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

您可以使用此方法上傳多個具有單獨名稱的文件,並根據需要在伺服器上進行處理。

以上是如何使用 FormData() 和 XMLHttpRequest 上傳多個文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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