JQuery提供了一個非常簡單的方法來提交文件上傳。通過AJAX技術，它可以快速上傳文件，而不需要從服務器刷新頁面以進行提交。在這篇文章中，我們將介紹如何使用jQuery AJAX提交文件上傳。

首先，我們需要引入jQuery庫和文件上傳插件。您可以使用CDN或從官方網站下載。這里我們使用CDN引入。

<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery.form/4.3.0/jquery.form.min.js"></script>

現在我們需要創建一個HTML表單來上傳文件。需要將屬性enctype設置為“multipart/form-data”，以告訴瀏覽器這個表單需要傳輸二進制數據。在HTML表單中添加一個input type=file元素，這個元素用于選擇文件。然后在form元素的底部添加一個submit按鈕。它將觸發文件上傳的Ajax提交。

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload Image" name="submit">
</form>

現在我們需要編寫jQuery代碼。首先，我們將選擇表單元素并使用jQuery表單插件來提交表單。然后我們將在提交的過程中顯示一個加載圖像。最后我們將顯示服務器返回結果，以顯示文件上傳是否成功。

$(document).ready(function(){
$('form').ajaxForm({
beforeSend: function() {
$("#loader").show();
},
success: function(msg) {
$("#loader").hide();
$("#result").html(msg);
}
});
});

現在我們需要編寫一個PHP代碼來處理上傳的文件。在這個案例中，我們將保存上傳的文件，并在網頁中顯示一個鏈接，允許用戶下載文件。

$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
echo "<a href='" . $target_file . "'>Download " . basename($_FILES["fileToUpload"]["name"]) . "</a> has been uploaded.";
} else {
echo "Sorry, there was an error uploading your file.";
}

這就是如何使用jQuery AJAX提交文件上傳的全部指南。這個流程看起來很多，但只需要花費幾分鐘就可以輕松地從服務器上傳和下載文件。