<form id="uploadForm" enctype="multipart/form-data" method="POST" action="/upload">
<input type="file" name="image" id="image" />
<input type="submit" value="上傳圖片" />
</form>

上述代碼中，<form>標簽的enctype屬性被設置為multipart/form-data，這是為了支持文件上傳。同時，<input type="file">用于選擇上傳的圖片文件。

在使用Ajax來上傳圖片時，我們需要通過JavaScript來獲取用戶選擇的圖片文件并發送到服務器。以下是一個示例的JavaScript代碼：

document.getElementById("uploadForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止默認的表單提交行為
let imageFile = document.getElementById("image").files[0]; // 獲取選擇的圖片文件
let formData = new FormData();
formData.append("image", imageFile); // 將圖片文件添加到FormData對象中
let xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 圖片上傳成功，進行后續操作
let response = JSON.parse(xhr.responseText);
let imageURL = response.imageURL;
// 在頁面中顯示上傳的圖片
let imgElement = document.createElement("img");
imgElement.src = imageURL;
document.body.appendChild(imgElement);
} else if (xhr.readyState === XMLHttpRequest.DONE && xhr.status !== 200) {
// 圖片上傳失敗，進行錯誤處理
console.log("圖片上傳失敗");
}
};
xhr.send(formData); // 發送FormData對象到服務器
});

上述代碼中的uploadForm是對<form>元素的引用，addEventListener()用于監聽表單的submit事件。當用戶點擊“上傳圖片”按鈕時，表單將觸發submit事件，從而執行我們設置的回調函數。

在回調函數中，我們首先調用event.preventDefault()來阻止表單的默認提交行為，接著使用document.getElementById("image").files[0]來獲取用戶選擇的圖片文件。

接著，我們創建一個FormData對象，并使用formData.append()來將圖片文件添加到FormData對象中。FormData是在發送Ajax請求時用于封裝表單數據、文件等的對象。

然后，我們創建一個XMLHttpRequest對象，并使用open()方法來設置請求的方法、URL和是否異步。在onreadystatechange回調函數中，我們通過XMLHttpRequest.DONE的狀態和200的狀態碼來判斷圖片是否成功上傳。

如果圖片上傳成功，我們從服務器的響應中獲取到圖片的URL，創建一個<img>元素，并將其添加到頁面中。

如果圖片上傳失敗，我們可以在控制臺中打印錯誤信息。這樣我們就可以及時發現并處理圖片上傳失敗的問題。

總結來說，通過使用Ajax來實現TK框架中圖片的上傳和獲取是很簡單的。我們只需要使用JavaScript來獲取用戶選擇的圖片文件，并通過FormData對象將圖片文件添加到請求中。然后通過XMLHttpRequest對象將請求發送到服務器。在服務器的響應中獲取到圖片URL后，我們可以根據需要對其進行后續操作。希望本文的內容能夠幫助讀者更好地理解并應用Ajax來獲取TK框架中上傳的圖片。