AJAX（Asynchronous JavaScript and XML）即異步的 JavaScript 和 XML，是一種在網頁上進行實時數據交互的技術。在實際開發過程中，經常會遇到需要在網頁中實現文件上傳的需求。而使用 AJAX 技術可以簡化文件上傳的過程，提高用戶體驗。

在傳統的文件上傳方式中，用戶選擇文件后，提交表單，服務器端進行文件處理并返回結果。這種方式需要刷新頁面，用戶體驗較差。而使用 AJAX 技術，可以實現無刷新上傳文件，以及實時的進度顯示。

下面以一個簡單的文件上傳功能為例進行說明：

(function() {
// 獲取文件上傳表單
var uploadForm = document.getElementById('upload-form');
// 獲取文件上傳輸入框
var fileInput = document.getElementById('file-input');
// 獲取文件上傳按鈕
var uploadButton = document.getElementById('upload-button');
// 獲取文件上傳進度條
var progressBar = document.getElementById('progress-bar');
// 監聽文件上傳按鈕的點擊事件
uploadButton.addEventListener('click', function() {
// 創建 FormData 對象
var formData = new FormData();
// 添加文件到 FormData 對象
formData.append('file', fileInput.files[0]);
// 創建 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 監聽上傳進度事件
xhr.upload.addEventListener('progress', function(event) {
if (event.lengthComputable) {
var percentComplete = event.loaded / event.total * 100; // 計算上傳進度百分比
progressBar.style.width = percentComplete + '%';
}
});
// 監聽上傳完成事件
xhr.addEventListener('load', function(event) {
if (xhr.status === 200) {
alert('文件上傳成功！');
} else {
alert('文件上傳失敗！');
}
});
// 發送上傳請求
xhr.open('POST', 'upload.php', true);
xhr.send(formData);
});
})();

上述代碼中，首先獲取文件上傳表單、文件上傳按鈕、文件上傳輸入框以及文件上傳進度條的 DOM 元素。然后監聽文件上傳按鈕的點擊事件，在點擊事件處理函數中，創建 FormData 對象，并將文件添加到 FormData 對象中。然后創建 XMLHttpRequest 對象，分別監聽上傳進度事件和上傳完成事件，最后發送上傳請求。

在服務器端，可以使用 PHP 來接收并處理上傳的文件。以下是一個簡單的上傳 PHP 腳本：

上述代碼中，首先定義文件保存目錄，并使用 `move_uploaded_file` 函數將臨時文件移動到目標路徑。如果文件移動成功，則輸出“文件上傳成功！”；否則輸出“文件上傳失敗！”。

綜上所述，使用 AJAX 技術可以簡化文件上傳的過程，并提高用戶體驗。通過無刷新上傳文件以及實時的進度顯示，可以使用戶得到更好的交互反饋。