Ajax是一種用于在不刷新整個頁面的情況下發送和接收數據的技術。通常，我們會使用Ajax發送和接收文本數據，但實際上，Ajax也可以用來發送file類型的數據。這種功能非常有用，比如當我們需要在不刷新頁面的情況下上傳文件時，就可以使用Ajax發送file類型的數據。

為了演示這個功能，讓我們假設我們有一個包含文件上傳表單的網頁。用戶可以選擇上傳一個圖片文件，并在提交表單后將該文件上傳到服務器。在服務器端，我們可以使用后端語言（如PHP）來處理接收到的文件。

<form id="uploadForm" enctype="multipart/form-data"><input type="file" id="photo" name="photo"><input type="button" value="上傳" onclick="uploadFile()"></form>

在上面的代碼中，我們創建了一個包含上傳文件表單的HTML頁面。在表單中，我們使用了 "enctype"屬性，并將其設置為 "multipart/form-data"，以便能夠處理文件類型的數據。

下面是發送將文件上傳到服務器的Ajax請求的JavaScript代碼：

function uploadFile() {
var file = document.getElementById("photo").files[0];
var formData = new FormData();
formData.append("photo", file);
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
alert(this.responseText);
}
};
xhttp.open("POST", "upload.php", true);
xhttp.send(formData);
}

在上面的代碼中，我們首先獲取用戶選擇的文件，然后創建一個FormData對象，并將文件添加到其中。然后，我們使用XMLHttpRequest對象來發送Ajax請求。在這個示例中，我們使用了POST方法，并將數據發送到名為 "upload.php" 的服務器端腳本。

在服務器端，我們可以使用PHP來處理接收到的文件。以下是一個簡單的 "upload.php" 的示例代碼：

<?php
$targetDir = "uploads/";
$targetFile = $targetDir . basename($_FILES["photo"]["name"]);
if (move_uploaded_file($_FILES["photo"]["tmp_name"], $targetFile)) {
echo "文件上傳成功";
} else {
echo "上傳文件失敗";
}
?>

在上面的代碼中，我們首先指定上傳文件的目標目錄。然后，我們使用 "move_uploaded_file" 函數將臨時文件移動到目標目錄中。如果文件成功移動，則返回 "文件上傳成功" 的消息，否則返回 "上傳文件失敗" 的消息。

通過使用上述代碼，我們可以實現使用Ajax發送file類型數據來上傳文件的功能。這種功能使得在不刷新整個頁面的情況下上傳文件成為可能，提高了用戶體驗和交互性。

綜上所述，通過使用Ajax發送file類型的數據，我們可以輕松地實現在不刷新頁面的情況下上傳文件的功能。這是一個非常有用的功能，可以提高網站的用戶體驗。