首頁 > web前端 > js教程 > 如何在 JavaScript 和 PHP 中使用 FormData() 同時上傳多個檔案?

如何在 JavaScript 和 PHP 中使用 FormData() 同時上傳多個檔案?

Patricia Arquette
發布: 2024-10-22 21:32:29
原創
810 人瀏覽過

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

使用formData() 上傳多個檔案

在JavaScript 和PHP 中處理檔案上傳時,常常會遇到需要多個檔案的情況要同時傳送。 FormData 介面提供了實現此目的的便捷方法。然而,僅選擇輸入欄位中的第一個檔案的預設行為可能看起來有限制。

如何上傳多個選取的檔案

為了克服此限制,JavaScript程式碼必須遍歷所有選取的檔案並將它們附加到 FormData 物件。以下程式碼示範了這一點:

在此程式碼中,我們從輸入欄位檢索所有選取的檔案並迭代它們,使用鍵 fileToUpload[] 將每個檔案附加到 FormData 物件。這種技術允許我們在單一 Ajax 請求中上傳多個檔案。

在 PHP 中處理多個檔案

在伺服器端,PHP 可以在一個檔案中接收上傳的檔案。大批。若要存取單一文件,請使用數組語法:

此程式碼迭代上傳的文件並列印其名稱以進行演示。您可以使用此陣列執行進一步的處理,例如將檔案儲存到特定位置或執行驗證。

透過執行以下步驟,可以使用 formData() 同時上傳多個檔案並有效處理它們PHP 語言。

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

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板