AJAX（Asynchronous JavaScript and XML）是一種在Web開發中使用的技術，它允許在不重新加載整個頁面的情況下，通過異步請求與服務器進行數據交互。通常情況下，我們使用AJAX技術來傳輸文本數據，但是有時候我們也需要傳輸文件。本文將介紹如何使用AJAX傳送文件，并提供相關的示例代碼。

首先，讓我們看一個簡單的示例，假設我們需要通過AJAX傳輸一個圖片文件。首先，在HTML頁面中添加一個上傳文件的表單：

<form id="file-form">  
<input type="file" id="file-input" name="file" />  
<button type="button" onclick="uploadFile()">上傳</button>
</form>

接下來，我們需要編寫JavaScript函數來處理文件上傳的邏輯。下面是一個使用原生JavaScript實現的上傳文件函數的示例：

function uploadFile() {  
const fileInput = document.getElementById('file-input');  
const file = fileInput.files[0];  
const formData = new FormData();  
formData.append('file', file);
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');  
xhr.send(formData);  
}

在這個示例中，我們首先通過JavaScript獲取到文件上傳表單元素和文件對象。然后，使用FormData對象創建一個表單數據對象，并將文件對象添加到表單中。接下來，我們通過AJAX發送POST請求到服務器的`/upload`路徑，并將表單數據作為請求體發送。最后，上傳過程完成并提交到服務器。

當然，這只是一個簡單的示例，實際中可能會涉及到更多的處理邏輯和服務器端的代碼。但是基本的上傳文件過程是類似的，即通過FormData對象將文件添加到表單數據中，然后通過AJAX發送請求到服務器。

另外，如果你使用jQuery庫，你可以使用它提供的ajax函數來簡化上傳文件的過程。下面是使用jQuery實現的上傳文件函數的示例：

function uploadFile() {  
const fileInput = $('#file-input');  
const file = fileInput[0].files[0];  
const formData = new FormData();  
formData.append('file', file);
$.ajax({
url: '/upload',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 處理上傳成功的邏輯
},
error: function() {
// 處理上傳失敗的邏輯
}
});  
}

在這個示例中，我們使用了jQuery的ajax函數來發送一個POST請求，并將表單數據作為請求體發送。需要注意的是，設置`processData`為`false`和`contentType`為`false`，以便正確處理表單數據和文件的上傳。

綜上所述，使用AJAX傳送文件是一種常見的需求。無論是使用原生JavaScript還是jQuery，我們都可以通過FormData對象將文件添加到表單數據中，并通過AJAX發送請求到服務器。這樣，我們就可以實現在Web開發中通過AJAX傳輸文件的功能。