本文將介紹如何使用ASP.NET通過Ajax上傳文件。Ajax是一種用于在不重新加載整個web頁面的情況下與服務(wù)器進行通信的技術(shù)。通過使用Ajax和ASP.NET，我們可以實現(xiàn)在文件上傳過程中的實時反饋和進度更新，提供更好的用戶體驗。

在實現(xiàn)文件上傳的過程中，我們可以使用FileUpload控件來選擇要上傳的文件。在用戶選擇完文件后，我們可以使用Ajax來異步地將文件發(fā)送到服務(wù)器。

<asp:FileUpload ID="fileUpload" runat="server" />
<asp:Button ID="btnUpload" runat="server" Text="上傳" OnClick="UploadFile" />

在服務(wù)器端，我們需要編寫一個用于處理上傳文件的方法。這個方法可以通過檢查FileUpload控件中是否有文件，并將文件保存到指定的位置。

protected void UploadFile(object sender, EventArgs e)
{
// 檢查是否有文件被選擇
if (fileUpload.HasFile)
{
// 獲取文件名
string fileName = fileUpload.FileName;
// 保存文件到指定位置
fileUpload.SaveAs(Server.MapPath("~/Uploads/" + fileName));
// 提示文件上傳成功
Response.Write("文件上傳成功！");
}
}

當(dāng)文件上傳完成后，我們可以通過Ajax來更新頁面，以顯示文件上傳的進度。這可以通過在頁面上添加一個進度條來實現(xiàn)。

<progress id="progress" value="0" max="100"></progress>

在處理文件上傳的方法中，我們可以通過添加一些額外的代碼來更新進度條的值。

int fileSize = fileUpload.PostedFile.ContentLength;
int bytesRead = 0;
byte[] buffer = new byte[1024];
using (Stream fileStream = fileUpload.PostedFile.InputStream)
{
using (FileStream output = new FileStream(Server.MapPath("~/Uploads/" + fileName), FileMode.Create))
{
int bytes;
while ((bytes = fileStream.Read(buffer, 0, buffer.Length)) >0)
{
bytesRead += bytes;
int progress = (int)((double)bytesRead / fileSize * 100);
// 更新進度條的值
ScriptManager.RegisterStartupScript(this, GetType(), "updateProgressBar", $"document.getElementById('progress').value = {progress};", true);
output.Write(buffer, 0, bytes);
}
}
}

在上面的代碼中，我們使用了ScriptManager的RegisterStartupScript方法來在文件上傳的過程中動態(tài)地更新進度條的值。每次讀取文件的一部分時，我們都會計算文件上傳的進度，并將其以JavaScript代碼的形式發(fā)送給客戶端。

通過以上的方式，我們可以實現(xiàn)一個具有實時進度反饋的文件上傳功能。用戶可以選擇文件并上傳到服務(wù)器，同時在頁面上展示文件上傳的進度。這種方案提供了更友好的用戶體驗，讓用戶能夠清楚地知道文件上傳的進展情況。