使用PHP 和jQuery 有效上傳多個檔案

在使用PHP 時，您可能會遇到需要同時上傳多個檔案的情況。讓我們探討如何使用 PHP 和 jQuery 實作多個檔案上傳功能。

PHP 和 HTML 配置

在您的 HTML 表單中，您將有一個輸入字段，其中包含多個屬性設定允許多項選擇。 JavaScript 函數 sendfile() 將收集選定的檔案並用它們建立一個 FormData 物件。

jQuery Ajax 請求

jQuery Ajax 請求將 FormData 物件傳送到用於處理的 PHP 腳本 uploadfile.php。重要設定包括 processData: false 和 contentType: false 分別用於防止 jQuery 修改表單資料和指示多部分請求。

PHP 檔案處理

上伺服器端，PHP 腳本 uploadfile.php 接收檔案資料並使用 move_uploaded_file() 函式將上傳的檔案移至指定資料夾。您可以在 $target 變數中調整目標資料夾路徑。

增強型多檔案上傳範例

提供的程式碼範例僅允許一次上傳單一檔案。若要同時上傳多個文件，請考慮以下範例：

Index.html:

此 HTML 文件包含一個允許選擇多個文件的輸入欄位。選擇檔案後，jQuery 程式碼將處理上傳過程。

Load.php:

PHP 腳本處理上傳的文件，將它們移至指定伺服器資料夾並顯示檔案名稱和大小等資訊。

透過此增強的解決方案，您可以使用 PHP 和 jQuery 輕鬆地上傳和管理多個檔案。