隨著互聯網技術的發展，用戶對于網站的要求也越來越高。而其中一個常見的需求就是能夠實現文件的上傳和頁面的局部刷新。傳統的文件上傳方式需要刷新整個頁面才能看到上傳結果，用戶體驗較差。而借助Ajax技術，我們可以實現文件的異步上傳，并通過局部刷新的方式展示上傳結果，提高了用戶體驗。

以一個圖片上傳的案例來說明。假設我們有一個網頁，上面有一個圖片上傳的表單和一個用于展示上傳結果的區域。在傳統的方式下，用戶選擇一張圖片并點擊上傳按鈕后，頁面會進行刷新，并顯示上傳結果。這樣的操作會導致用戶需要等待頁面刷新，體驗不夠流暢。

// HTML代碼
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="file" id="fileInput">
<input type="button" value="上傳" onclick="uploadFile()">
</form>
<div id="resultArea"></div>
// JavaScript代碼
function uploadFile() {
var fileInput = document.getElementById("fileInput");
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) {
document.getElementById("resultArea").innerHTML = xhr.responseText;
}
};
xhr.send(formData);
}

上面的代碼使用了HTML的<form>標簽和JavaScript的XMLHttpRequest對象來實現文件的上傳。通過設置XMLHttpRequest對象的onreadystatechange屬性，可以在文件上傳完成后執行相應的回調函數。在回調函數中，將上傳結果顯示在id為resultArea的區域上，這樣就實現了文件上傳的局部刷新。

除了文件上傳，Ajax還可以用于其他類型的文件操作，比如刪除文件。假設我們還有一個按鈕，點擊后可以刪除已上傳的圖片。在傳統的方式下，用戶點擊刪除按鈕后，頁面會進行刷新，并顯示刪除結果。而借助Ajax，我們可以實現局部刷新，不需要刷新整個頁面即可展示刪除結果。

// HTML代碼
<input type="button" value="刪除圖片" onclick="deleteFile()">
// JavaScript代碼
function deleteFile() {
var xhr = new XMLHttpRequest();
xhr.open("POST", "/delete", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("resultArea").innerHTML = xhr.responseText;
}
};
xhr.send();
}

上面的代碼使用了XMLHttpRequest對象來發送刪除圖片的請求。在回調函數中，將刪除結果顯示在id為resultArea的區域上，實現了刪除圖片的局部刷新。通過這個例子，我們可以看到使用Ajax進行文件操作可以使頁面更新更加自然，不會打斷用戶的操作流程。

綜上所述，借助Ajax技術可以實現文件的上傳和頁面的局部刷新，提高了用戶體驗。通過減少頁面的刷新次數，用戶不需要等待整個頁面的刷新，而是只需要等待局部刷新的結果。無論是上傳文件還是其他類型的文件操作，都可以通過Ajax來實現，使網站更加快速、流暢。