在 web 開發中，文件上傳是一項常見的需求。然而，ASP.NET 是一種服務器端技術，而無法直接操作用戶的本地文件系統。為了實現文件的上傳，我們通常需要運用 ASP.NET 與前端技術的結合。本文將介紹如何利用 ASP.NET 和 jQuery 實現單文件上傳的功能。 問題： 在一個網站應用中，用戶需要上傳一張頭像圖片作為個人資料的展示。我們希望用戶能夠方便地選擇一張圖片，然后點擊上傳按鈕，將圖片上傳到服務器。服務器端應當能夠接收并保存該圖片。 解決方案： 1. 前端頁面： 我們可以使用一個簡單的 HTML 表單來實現文件上傳的界面。首先，創建一個包含文件選擇器和上傳按鈕的表單： ```

<form id="fileForm" enctype="multipart/form-data" method="post"><input type="file" id="fileInput" name="fileInput"/><input type="button" id="uploadButton" value="上傳"/></form>

``` 2. jQuery 代碼： 接下來，我們需要編寫一些 jQuery 代碼，實現點擊上傳按鈕時的操作。首先，我們可以使用 jQuery 的 `$(document).ready()` 方法來確保頁面加載完畢后再執行相應的操作。我們用一個點擊事件綁定到上傳按鈕上，并使用 `$.ajax()` 方法發送上傳請求： ```

$(document).ready(function() {
$("#uploadButton").click(function() {
var fileInput = $("#fileInput")[0];
var file = fileInput.files[0];
if (file) {
var formData = new FormData();
formData.append("file", file);
$.ajax({
url: "UploadFile.aspx",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 文件上傳成功后的操作
},
error: function() {
// 文件上傳失敗后的操作
}
});
}
});
});

``` 3. 后端代碼： 在服務器端，我們創建一個 ASP.NET 頁面 “UploadFile.aspx” 來處理文件上傳的請求。在該頁面的代碼中，我們可以通過 `Request.Files` 屬性獲取上傳的文件，并使用 `SaveAs()` 方法將文件保存到指定的位置： ```

<%@ Page Language="C#" %><%
HttpPostedFile file = Request.Files[0];
string filename = Path.GetFileName(file.FileName);
string path = Server.MapPath("~/Uploads/" + filename);
file.SaveAs(path);
%>

在上述代碼中，我們獲取了上傳文件的第一個文件（即用戶選擇的文件），然后提取出文件名和保存路徑。最后，我們使用 `SaveAs()` 方法將文件保存到指定的位置。 結論： 通過以上的方法，我們成功地實現了一個利用 ASP.NET 和 jQuery 實現單文件上傳的功能。用戶可以選擇一張本地圖片，然后點擊上傳按鈕，圖片將被上傳到服務器中的指定位置。 總結一下，通過前端的 HTML 表單、jQuery 的 AJAX 請求以及服務器端的 ASP.NET 頁面，我們實現了文件上傳功能的整個流程。只要稍作修改，我們還可以擴展這個功能以支持多文件上傳、限制文件類型和大小等更多的需求。希望本文能對你在 ASP.NET 開發中的文件上傳問題提供一些參考和幫助。