AJAX（異步 JavaScript 和 XML）是一種用于在后臺與服務器進行數據交換的技術，它可以實現網頁無需刷新，并且能夠處理來自服務器的響應。在日常中，我們通常會遇到需要將文件傳遞給服務器的情況。然而，由于 AJAX 本身的限制，直接傳遞文件參數并不是一件容易的事情。本文將介紹如何使用 AJAX 傳遞文件參數，并通過舉例說明以幫助讀者更好地理解。

在使用 AJAX 傳遞文件參數之前，我們需要了解一些基礎知識。首先，我們需要知道文件上傳的基本原理。當用戶選擇文件并點擊上傳按鈕時，瀏覽器會將文件從用戶計算機中讀取出來并存儲在內存中。然后，瀏覽器會將文件數據作為請求的一部分發送給服務器。為了支持文件的上傳，服務器端需要使用一種特殊的接口來接收并處理這些文件數據。

通常情況下，我們可以通過構建一個表單來實現文件的上傳。例如，我們可以創建一個包含文件選擇框和提交按鈕的表單，然后在用戶選擇文件并點擊提交按鈕后，將表單的數據發送給服務器。這樣做的缺點是頁面會刷新，不符合 AJAX 的無刷新要求。

<form id="uploadForm" enctype="multipart/form-data"><input type="file" name="file"><button type="submit">上傳文件</form>

為了實現無刷新上傳文件，并且利用 AJAX 將文件參數發送給服務器，我們可以使用 FormData 對象。FormData 對象提供了一種將表單數據轉換成鍵值對的方法，可以輕松地將文件數據與其他表單數據一起發送給服務器。

var formData = new FormData();
formData.append("file", fileInput.files[0]);
formData.append("name", "example");
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.send(formData);

在上面的例子中，我們首先創建了一個 FormData 對象，并調用 append() 方法將文件數據和其他表單數據添加進去。文件數據通過 fileInput.files[0] 獲取，其中 fileInput 是一個 input[type=file] 元素。之后，我們使用 XMLHttpRequest 來發送請求，其中接收者為 "upload.php"，并將 FormData 對象作為參數傳遞。

通過以上的示例，我們可以看到，通過使用 FormData 對象，我們可以將文件參數傳遞給服務器，并且不刷新頁面即可實現上傳功能。這樣的方式更加符合現代網站設計的要求，提供了更好的用戶體驗。

總結來說，通過使用 FormData 對象，我們可以通過 AJAX 實現無刷新上傳文件，將文件參數傳遞給服務器。這種方式在現代網站設計中非常常見，并且可以提供更好的用戶體驗。希望本文的介紹和示例能夠幫助讀者更好地理解如何使用 AJAX 傳遞文件參數。