<form id="myForm" enctype="multipart/form-data">
<input type="file" id="myFile" name="image">
</form>

在上述代碼中，我們為元素設置了id和name屬性，用于在JavaScript中引用該元素。接下來，我們將使用JavaScript來捕獲用戶選擇的圖片，并使用AJAX將其發送到服務器：

var form = document.getElementById("myForm");
var fileInput = document.getElementById("myFile");
fileInput.addEventListener("change", function() {
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 服務器響應成功
console.log("圖片上傳成功！");
}
};
xhr.send(formData);
});

在上述代碼中，我們使用FormData對象來創建一個存儲表單數據的容器。然后，我們使用XMLHttpRequest對象來創建一個異步請求，將FormData對象作為參數發送到指定的服務器地址。當服務器響應成功時，我們會在控制臺輸出一條成功消息。

通過以上的代碼，我們可以實現一個簡單的圖片上傳功能。例如，當用戶選擇一張圖片并點擊上傳按鈕時，AJAX會將圖片的數據發送到服務器。服務器可以使用各種后臺技術（如PHP、Java、Python）來接收并處理這些數據，最終將其保存在服務器上。這樣，用戶就能夠通過上傳圖片與其他用戶進行交流和分享。

除了傳輸圖片外，AJAX還可以用于實時展示服務器返回的數據，例如圖片的縮略圖或上傳進度。假設我們想要在用戶選擇圖片后立即顯示其縮略圖：

fileInput.addEventListener("change", function() {
var formData = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 服務器響應成功
var thumbnailUrl = xhr.responseText;
var thumbnailImage = document.getElementById("thumbnail");
thumbnailImage.src = thumbnailUrl;
}
};
xhr.send(formData);
});

在上述代碼中，我們通過XMLHttpRequest對象的responseText屬性獲取到服務器返回的縮略圖URL，并將其賦值給一個元素的src屬性。這樣，在圖片上傳完成后，頁面上的元素就會立即顯示該圖片的縮略圖。

總之，AJAX是一種強大且靈活的技術，可以使我們更加高效地處理圖片上傳等任務。通過使用AJAX，用戶可以在上傳過程中不必等待頁面刷新或重新加載，而是能夠實時獲得反饋。我們只需要合理運用AJAX的相關代碼，就能實現更好的用戶體驗。