Ajax（Asynchronous JavaScript and XML）是一種前端技術，用于在不刷新整個網頁的情況下與服務器進行異步通信。在Web開發過程中，我們經常需要實現上傳圖片的功能。本文將介紹如何使用Ajax向ASP上傳圖片。通過這種方式，用戶可以實時預覽并上傳圖片，提升用戶體驗和操作效率。

首先，我們需要在前端頁面上創建一個用于上傳圖片的表單，并添加一個元素用于選擇圖片。然后，通過JavaScript代碼獲取到用戶選擇的圖片文件：

// HTML
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" id="fileInput" name="fileInput">
</form>
// JavaScript
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];

接下來，我們將使用Ajax將所選的圖片文件發送到服務器。在這個例子中，我們使用XMLHttpRequest對象來完成這個任務。我們需要創建一個新的XMLHttpRequest實例，并使用open()方法指定HTTP請求的類型和URL，然后使用send()方法將文件發送到服務器：

// JavaScript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.asp');
xhr.send(file);

在服務器端，我們可以使用ASP接收并處理上傳的圖片。在upload.asp文件中，我們使用Request對象的BinaryRead()方法來讀取上傳的文件數據，并將其保存到服務器上的指定位置。以下是一個簡單的ASP代碼示例：

<%@ Language=VBScript %>
<% Option Explicit %>
<% 
Dim bytes
bytes = Request.BinaryRead(Request.TotalBytes)   ' 讀取文件數據
' 保存文件到指定位置
Dim filePath
filePath = "C:\Uploads\" & Request.Files("fileInput").FileName
Dim objFSO
Set objFSO = Server.CreateObject("Scripting.FileSystemObject")
Dim objFile
Set objFile = objFSO.CreateTextFile(filePath, True)
objFile.Write bytes
objFile.Close
Set objFile = Nothing
Set objFSO = Nothing
Response.Write "文件上傳成功！"
%>

上述代碼使用Request.Files集合來獲取上傳的文件，并指定其保存的路徑。在這個例子中，我們將上傳的文件保存到C:\Uploads目錄下，文件名保持不變。

當服務器處理完上傳的文件后，可以返回一個響應給客戶端，告知文件上傳成功。在前端的JavaScript代碼中，我們可以監聽xhr對象的onload事件，以獲取服務器返回的響應。如果返回的響應是文件上傳成功的消息，用戶就可以看到上傳成功的提示信息：

// JavaScript
xhr.onload = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
if (response === '文件上傳成功！') {
alert('文件上傳成功！');
}
}
};

以上就是使用Ajax向ASP上傳圖片的步驟及代碼示例。通過這種方式，用戶可以快速上傳圖片，同時實時預覽上傳的圖片，提升用戶體驗和操作效率。