在開發Web應用程序時，經常會遇到需要上傳文件的情況。而使用傳統的方式進行文件上傳，需要刷新整個頁面，給用戶帶來不必要的困擾。為了提供更好的用戶體驗，AJAX（Asynchronous JavaScript and XML）技術被廣泛應用于Web開發中。ASP.NET是一種用于構建Web應用程序的開發框架，提供了對AJAX技術的支持，使得文件上傳變得更加高效和方便。

通過AJAX和ASP.NET，實現文件上傳可以在不刷新整個頁面的情況下進行，同時也能夠實時顯示上傳進度和處理結果。例如，我們可以創建一個文件上傳按鈕，當用戶選擇文件后，通過發送AJAX請求將文件傳遞給后端ASP.NET處理程序。在后端程序處理文件的過程中，可以實時更新上傳進度條，讓用戶了解文件上傳的情況。一旦文件上傳完成，可以返回處理結果給前端頁面進行展示。

// 前端代碼
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.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.open("POST", "upload_handler.ashx", true);
xhr.send(formData);
}
function uploadProgress(event) {
if (event.lengthComputable) {
var percent = Math.round((event.loaded / event.total) * 100);
// 更新上傳進度條
document.getElementById("progressBar").style.width = percent + "%";
}
}
function uploadComplete(event) {
// 處理上傳完成后的結果
document.getElementById("result").innerHTML = event.target.responseText;
}

在上述代碼中，我們使用了XMLHttpRequest對象進行文件上傳。首先，通過獲取文件輸入框中的文件，并將其添加到FormData對象中。然后，創建一個XMLHttpRequest對象，并偵聽上傳進度和完成事件。在上傳進度事件中，根據已上傳的字節數和總字節數計算出上傳進度的百分比，并更新進度條的寬度。在上傳完成事件中，將后端處理程序返回的結果顯示在頁面上。

后端ASP.NET處理程序可以接收到上傳的文件，進行相應的處理操作，例如保存到服務器磁盤、存儲到數據庫或進行其他業務邏輯的處理。以下是一個示例的后端ASP.NET處理程序的代碼：

// 后端代碼（upload_handler.ashx）
using System;
using System.IO;
using System.Web;
public class upload_handler : IHttpHandler {
public void ProcessRequest(HttpContext context) {
HttpPostedFile file = context.Request.Files["file"];
// 文件上傳處理邏輯
string filePath = Path.Combine(Path.GetTempPath(), file.FileName);
file.SaveAs(filePath);
// 返回處理結果
context.Response.Write("文件上傳成功！");
}
public bool IsReusable {
get {
return false;
}
}
}

在上述代碼中，我們首先從請求中獲取上傳的文件，然后指定保存文件的路徑，并調用SaveAs方法將文件保存到指定路徑。最后，返回一個上傳成功的消息給前端頁面。

通過使用AJAX和ASP.NET，我們可以簡化文件上傳的過程，并提供更好的用戶體驗。用戶可以在不刷新整個頁面的情況下上傳文件，同時能夠實時獲取上傳進度和處理結果。這使得文件上傳變得更加高效和方便，滿足了用戶對于Web應用程序的需求。