AJAX是一種強大的技術，它可以在不刷新整個頁面的情況下向服務器發送請求和接收響應。其中，文件上傳是一個常見的需求，尤其是當我們需要上傳多個文件并附加額外參數時。本文將介紹如何使用AJAX在文件上傳過程中添加參數，并提供詳細的示例。

在很多場景下，我們需要上傳多個文件，并且還需要將一些額外的參數一同發送到服務器。比如，假如我們正在開發一個圖片分享網站，用戶可以同時上傳多張照片，并為每張照片添加描述。當用戶點擊上傳按鈕時，我們需要將每張照片和其對應的描述一同發送到服務器。

下面是一個使用AJAX在文件上傳過程中添加參數的示例：

// 獲取上傳文件的表單
var form = document.querySelector('#upload-form');
// 給表單添加提交事件
form.addEventListener('submit', function(e) {
e.preventDefault(); // 阻止表單的默認提交行為
var fileInput = document.querySelector('#file-input');
// 獲取所有文件對象
var files = fileInput.files;
// 創建FormData對象，用于存儲文件和參數
var formData = new FormData();
// 將參數添加到FormData對象中
formData.append('userId', '12345');
// 將每個文件添加到FormData對象中
for (var i = 0; i < files.length; i++) {
var file = files[i];
formData.append('photos', file, file.name);
}
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方式和URL
xhr.open('POST', '/upload', true);
// 發送FormData對象
xhr.send(formData);
});

在上面的示例代碼中，我們首先獲取了文件上傳表單和文件輸入框。然后，我們創建了一個FormData對象，用于存儲文件和參數。接下來，我們將參數添加到FormData對象中，使用append()方法添加多個文件。最后，我們創建了一個XMLHttpRequest對象，設置請求方式和URL，并發送FormData對象。

通過這種方式，我們可以同時上傳多個文件，并且還能夠添加額外的參數。在服務器端，我們可以通過對應的參數和文件對象進行處理，實現我們的功能。

總之，使用AJAX可以方便地上傳多個文件并添加額外參數，提升用戶體驗和開發效率。無論是開發圖片分享網站還是其他應用場景，AJAX都是一個強大的工具，值得我們深入學習和掌握。