Ajax是一種前端技術，可以實現在不刷新整個頁面的情況下與服務器進行數據交互。雖然Ajax一般用于傳輸數據，但是有時候我們也需要通過Ajax傳輸文件。本文將介紹如何使用Ajax將文件傳輸給控制器，并給出相應的示例代碼。

在傳輸文件前，我們需要在HTML頁面中創建一個表單，用于用戶選擇要上傳的文件。通過使用HTML5的File API，我們可以使用元素實現文件選擇功能。例如：

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

上述代碼創建了一個表單，其中包含一個文件輸入框和一個上傳按鈕。當用戶選擇要上傳的文件后，我們可以使用JavaScript將所選文件發送給服務器。

在JavaScript中，我們可以使用FormData對象來構建要發送的數據。FormData對象可以自動處理文件和其他表單數據，并將它們打包成一個可發送的數據塊。例如：

document.getElementById("uploadButton").addEventListener("click", function() {
var fileInput = document.getElementsByName("file")[0];
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log("文件上傳成功！");
}
};
xhr.send(formData);
});

上述代碼中，我們首先獲取文件輸入框中選擇的文件。然后創建一個FormData對象，并使用append()方法將文件添加到FormData對象中。接下來，我們創建一個XMLHttpRequest對象，并使用open()方法將請求的URL設置為控制器的URL。注意，第三個參數設置為true，表示使用異步方式發送請求。最后，我們通過send()方法將FormData對象發送給服務器。

在服務器的控制器中，我們可以使用響應的框架（例如PHP中的$_FILES）來獲取上傳的文件和其他相關信息。以下是一個使用PHP的控制器的示例：

<?php
$file = $_FILES["file"];
$tempFilePath = $file["tmp_name"];
$originalFileName = $file["name"];
move_uploaded_file($tempFilePath, "./uploads/" . $originalFileName);
echo "文件上傳成功！";
?>

上述PHP代碼中，我們首先通過$_FILES變量獲取上傳的文件信息。然后，我們將文件從臨時位置移動到指定目錄下。最后，我們向客戶端返回一個成功消息。

綜上所述，通過使用Ajax將文件傳輸給控制器是相對簡單的。我們可以使用HTML5的File API獲取用戶選擇的文件，并使用FormData對象將文件發送給服務器。在服務器端，我們可以使用相應的框架來處理上傳的文件。我希望本文能幫助你了解如何通過Ajax傳輸文件給控制器。