AJAX input多文件上傳是一種常見的網頁上傳文件的技術，它通過使用AJAX（Asynchronous JavaScript and XML）技術實現文件的異步上傳。它的主要優勢是能夠實現頁面無刷新地上傳文件，并且可以同時上傳多個文件。在今天的網絡應用中，文件上傳已經成為一項常見的功能需求，例如圖片上傳、文檔上傳等。AJAX input多文件上傳技術能夠很好地滿足這方面的需求，為用戶提供更好的上傳體驗。

以一個圖庫網站為例，用戶可以通過選擇多個圖片文件同時上傳到服務器。首先，我們需要在網頁中添加一個文件上傳的表單，其中的input標簽的type屬性設置為file，并添加multiple屬性，這樣用戶就可以選擇多個文件。代碼如下：

<form id="uploadForm" enctype="multipart/form-data" method="POST">
<input type="file" id="fileInput" name="files[]" multiple />
<input type="button" value="上傳" onclick="uploadFiles()" />
</form>

接下來，在JavaScript代碼中，我們需要使用XMLHttpRequest對象發送文件數據。根據用戶選擇的文件，在每個文件上傳到服務器之前，我們需要使用FormData對象來收集用戶選擇的文件并創建一個FormData對象實例。然后，我們使用AJAX發送這些FormData對象到服務器的特定URL，代碼如下：

function uploadFiles() {
var fileInput = document.getElementById('fileInput');
var files = fileInput.files; // 獲取用戶選擇的多個文件
var formData = new FormData(); // 創建FormData對象
for (var i = 0; i< files.length; i++) {
var file = files[i];
formData.append('files[]', file); // 添加文件到FormData對象
}
var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.open('POST', '/upload', true); // 設置AJAX請求的方法、URL和異步標志
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 上傳完成后的處理
}
};
xhr.send(formData); // 發送FormData對象到服務器
}

在服務器端，我們可以使用常見的后端技術來處理AJAX上傳的文件。例如，在PHP中，可以使用超級全局變量$_FILES來獲取上傳的文件并保存到服務器的指定位置，代碼如下：

$files = $_FILES['files']; // 獲取上傳的文件
foreach ($files['tmp_name'] as $index =>$tmpName) {
$targetPath = '/path/to/save/' . $files['name'][$index]; // 指定保存的路徑
move_uploaded_file($tmpName, $targetPath); // 保存文件到服務器
}

綜上所述，AJAX input多文件上傳技術是一種實現文件異步上傳的有效方式，它能夠提供更好的上傳體驗和用戶交互。通過合理地使用AJAX和相關的前端和后端技術，我們可以在網頁中實現方便、高效、無刷新的多文件上傳功能。