在現代網站開發中，實現圖片上傳功能是很常見的需求。而利用 Ajax 技術來實現圖片上傳能夠帶來更好的用戶體驗，無需刷新頁面即可實現上傳功能。 一般情況下，傳統的圖片上傳需要用戶選擇文件，然后點擊上傳按鈕，隨后頁面會重新加載來顯示上傳后的結果。而采用 Ajax 圖片上傳則可以在用戶選擇文件后，實時顯示圖片的進度并在上傳完成后顯示上傳結果，提升用戶體驗。本文將介紹如何利用 Ajax 技術實現圖片上傳，并以 ASP 為例進行講解。

Ajax 圖片上傳主要分為兩個部分，前端負責用戶圖像的選擇和上傳請求的發送，后端則負責接收上傳的圖像文件，并進行保存。首先，讓我們看一下前端的實現。

function uploadImage() {
var formData = new FormData();
var fileInput = document.getElementById('fileInput');
formData.append('image', fileInput.files[0]);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.asp', true);
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
var progress = Math.round((e.loaded / e.total) * 100);
document.getElementById('progress').innerHTML = '上傳進度：' + progress + '%';
}
};
xhr.onload = function() {
if (xhr.status === 200) {
document.getElementById('result').innerHTML = xhr.responseText;
}
};
xhr.send(formData);
}

上述代碼中，我們首先獲取用戶選擇的文件，并創建一個 FormData 對象來包含該文件。然后，我們創建一個 XMLHttpRequest 對象并通過 open() 方法指定上傳文件的 URL、請求方法和是否異步。接著，我們定義了一個 onprogress 事件處理函數，用于實時更新上傳進度。當上傳完成時，我們通過 onload 事件響應函數來獲取服務器返回的結果，并將其顯示給用戶。

在后端實現部分，我們可以直接使用 ASP 來處理上傳的圖片文件。下面是一個簡單的 upload.asp 文件的實現示例：

<%@ Language=VBScript %>
<% Option Explicit %>
<% 
Const SERVER_UPLOAD_FOLDER = "uploads/"
Dim uploadedFile
Dim fileExtension
Dim newFileName
Set uploadedFile = Request.Form("image")
If Not uploadedFile Is Nothing Then
fileExtension = Mid(uploadedFile.FileName, InStrRev(uploadedFile.FileName, ".") + 1)
newFileName = Right(md5(uploadedFile.FileName & Now), 6) & "." & fileExtension
uploadedFile.SaveAs(Server.MapPath(SERVER_UPLOAD_FOLDER) & newFileName)
Response.Write "文件上傳成功，保存為：" & newFileName & ""
Else
Response.Write "文件上傳失敗"
End If
%>

在 upload.asp 中，我們首先定義了一個用于保存上傳文件的文件夾路徑。然后，我們使用 Request 對象的 Form() 方法來獲取上傳的圖片文件。如果獲取成功，我們可以通過 uploadedFile 對象的一些屬性來獲取文件的信息，比如文件名、文件大小等。在這個示例中，我們使用了一個叫做 md5() 的 VBScript 函數來生成一個隨機文件名，并將上傳的文件保存到服務器指定的路徑下。最后，我們通過 Response 對象的 Write() 方法將上傳的結果返回給前端頁面。

通過上述的前后端代碼實現，我們就可以很簡單地實現一個基于 Ajax 的圖片上傳功能了。無論是用戶體驗上還是功能上都有了很大的提升。通過實時顯示上傳進度和上傳結果，用戶可以更加直觀地了解上傳的情況，而無需等待整個頁面重新加載。

需要注意的是，上述示例是一個簡單的實現，只涵蓋了基本的圖片上傳功能。在實際開發中，可能還需要加入其他的功能，比如對圖片進行壓縮、文件格式驗證等。因此，開發者可以根據自己的需求對代碼進行擴展和優化。