首頁 > web前端 > js教程 > 主體

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

Susan Sarandon
發布: 2024-10-22 21:04:02
原創
689 人瀏覽過

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!