ASP.NET和jQuery的組合是開發Web應用程序和網站的不錯選擇。其中，上傳圖片是Web應用程序和網站常見需求之一。本文將介紹如何使用ASP.NET和jQuery實現圖片上傳功能。 首先，在ASP.NET中，我們需要在頁面中包含FileUpload控件用于選擇要上傳的圖片文件。代碼如下：

<asp:FileUpload ID="fileUpload" runat="server" />

接著，我們需要創建一個按鈕控件，并綁定一個jQuery的click事件來觸發上傳操作。代碼如下：

<asp:Button ID="btnUpload" runat="server" Text="上傳" ClientIDMode="Static" />
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function () {
$("#btnUpload").click(function () {
uploadImage();
});
});
function uploadImage() {
var fileInput = document.getElementById("fileUpload");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "UploadHandler.ashx", true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
alert("上傳成功！");
}
};
xhr.send(formData);
}
</script>

以上代碼中，我們使用了jQuery的click事件，當點擊“上傳”按鈕時，會調用uploadImage()方法來執行上傳操作。該方法中，我們使用JavaScript的XMLHttpRequest對象來發送POST請求，將圖片文件上傳到服務器。需要注意的是，這里的請求地址是指向“UploadHandler.ashx”處理程序，需要在Web應用程序中創建該處理程序。如下所示：

public class UploadHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
var file = context.Request.Files["file"];
if (file != null && file.ContentLength >0)
{
var fileName = Path.GetFileName(file.FileName);
var path = context.Server.MapPath("~/Images/" + fileName);
file.SaveAs(path);
}
}
public bool IsReusable
{
get
{
return false;
}
}
}

最后，我們將上傳的圖片保存到Web應用程序的Images文件夾中。需要注意的是，Web應用程序的文件夾需要設置適當的權限，以便于存儲上傳的圖片。 綜上所述，本文介紹了如何使用ASP.NET和jQuery實現圖片上傳功能。通過以上代碼和說明，相信讀者可以輕松地在Web應用程序或網站中添加圖片上傳功能。