`元素作為圖片展示區域，并設置一個CSS樣式用于設置該區域的樣式和大小。

<div id="imageContainer" style="width: 500px; height: 300px; border: 1px solid #ccc; overflow: auto;">
<!-- 上傳的圖片將會顯示在這里 -->
</div>

然后，我們需要為文件選擇框添加事件監聽器，當用戶選擇圖片時，將圖片顯示在上面創建的圖片展示區域中。我們可以使用JavaScript的`FileReader`對象來讀取用戶選擇的圖片，并將其顯示在頁面上。

document.getElementById("fileInput").addEventListener("change", function() {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var image = document.createElement("img");
image.src = e.target.result;
image.style.width = "100px";
image.style.height = "100px";
document.getElementById("imageContainer").appendChild(image);
};
reader.readAsDataURL(file);
});

接下來，我們通過AJAX將上傳的圖片發送給服務器進行處理。在這里我們假設服務器端使用PHP來處理圖片上傳。我們需要創建一個`FormData`對象，并將要上傳的圖片文件添加到該對象中。

var file = this.files[0];
var formData = new FormData();
formData.append("file", file);

然后，我們使用`XMLHttpRequest`對象創建一個AJAX請求，并將之前創建的`FormData`對象作為參數傳遞給該請求。在請求完成后，我們可以通過獲取服務器返回的響應數據進行一些后續處理，比如更新頁面上的圖片列表。

var xhr = new XMLHttpRequest();
xhr.onload = function() {
if(xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理服務器返回的數據
}
};
xhr.open("POST", "upload.php");
xhr.send(formData);

最后，我們需要在服務器端進行相應的處理。在使用PHP處理上傳文件時，我們可以使用`$_FILES`超全局變量來獲取上傳的文件，并將其保存到服務器指定的目錄下。然后，我們可以將處理結果返回給客戶端。

$file = $_FILES["file"];
$filePath = "uploads/" . $file["name"];
if(move_uploaded_file($file["tmp_name"], $filePath)) {
echo json_encode(["success" =>true, "message" =>"上傳成功"]);
} else {
echo json_encode(["success" =>false, "message" =>"上傳失敗"]);
}

綜上所述，使用AJAX實現多張圖片上傳功能可以為用戶提供更好的上傳體驗，無需等待整個頁面重新加載。通過使用AJAX，我們可以實現從選擇圖片到上傳圖片的整個過程無縫銜接。希望本文對你了解AJAX實現多張圖片上傳功能有所幫助。