Ajax是一種常用的技術，可以實現在不刷新整個頁面的情況下，與服務器進行數據交互。在文件上傳方面，Ajax也非常有用，可以使用戶在上傳文件時獲得更好的交互體驗。本文將介紹如何使用Ajax上傳文件，并獲取上傳文件的大小。

假設我們有一個圖片上傳的頁面，用戶可以選擇一張圖片進行上傳。在用戶選擇圖片后，我們需要獲取圖片的大小，以便進行驗證。通過使用Ajax，我們可以在用戶選擇圖片后，動態獲取圖片的大小，并顯示在頁面上，提供給用戶更好的交互體驗。

// HTML代碼
<input type="file" id="fileInput">
<p id="fileSize"></p>
// JavaScript代碼
var fileInput = document.getElementById("fileInput");
var fileSize = document.getElementById("fileSize");
fileInput.addEventListener("change", function() {
var file = fileInput.files[0];
var size = file.size;
fileSize.innerHTML = "圖片大小：" + size + "字節";
});

在上面的代碼中，我們首先獲取了文件選擇的input元素和顯示文件大小的元素。然后，我們添加了文件選擇事件的監聽器，在事件觸發時，獲取用戶選擇的文件，并通過files屬性獲取到文件對象。文件對象包含了許多屬性，其中一個是size屬性，可以獲取到文件的大小。

接下來，在JavaScript代碼中，我們使用addEventListener方法，為文件選擇input元素添加了change事件監聽器。當用戶選擇文件后，change事件會被觸發，代碼會獲取用戶選擇的文件，并讀取其大小。最后，我們將文件大小顯示在頁面上的<p>元素中。

通過這段代碼，用戶在選擇圖片后，頁面會立即顯示圖片的大小。用戶可以根據圖片大小來判斷是否選擇了正確的圖片，提供了更好的用戶體驗。

總之，使用Ajax上傳文件可以使用戶獲得更好的交互體驗。通過動態獲取文件大小，我們可以在用戶選擇文件后立即顯示文件大小，提供給用戶更直觀的反饋。在實際應用中，可以根據文件大小來進行驗證，限制上傳文件的大小，以保證網站的安全性和用戶體驗。