如何使用 jQuery 的 `.submit()` 和 `.ajax()` 進行非同步多個檔案上傳？

使用jQuery 的'.submit()' 和'.ajax()' 通過AJAX 提交文件

概述：

上傳多個檔案到伺服器是Web開發中的常見需求。 jQuery 的「.submit()」和「.ajax()」方法提供了一種非同步提交表單和向伺服器發送資料的便利方法。本文介紹如何使用這些方法來促進多個文件上傳。

表單HTML：

HTML 表單應包含多個文件輸入字段，一個「新增更多」文件」按鈕和提交按鈕。點擊「新增更多文件」按鈕時，會動態新增其他文件輸入欄位。

<form enctype="multipart/form-data" action="upload.php" method="post">
    <input name="file[]" type="file">
    <button class="add_more">Add More Files</button>
    <input type="button">

用於動態文件輸入新增的JavaScript：

JavaScript 程式碼當「新增更多檔案」按鈕按下時，使用jQuery 新增額外的檔案輸入欄位點擊。 ：

$(document).ready(function(){
    $('.add_more').click(function(e){
        e.preventDefault();
        $(this).before("<input name='file[]' type='file'>");
    });
});

伺服器端PHP腳本（'upload.php'）處理檔案上傳過程，包括驗證和儲存到目標目錄。的jQuery：

最後，'.submit()' 和' .ajax()'方法用於將事件偵聽器綁定到提交按鈕。伺服器回應。

以上是如何使用 jQuery 的 `.submit()` 和 `.ajax()` 進行非同步多個檔案上傳？的詳細內容。更多資訊請關注PHP中文網其他相關文章！