AJAX是一種強大的前端技術，可以實現無刷新的數據交互。通常情況下，我們使用AJAX傳遞數據到后臺，是通過發送JSON或者表單數據的形式來進行的。然而，在某些情況下，我們需要傳送多個文件到后臺，比如上傳多張圖片。本文將介紹如何使用AJAX傳送多個文件到后臺，并給出詳細的代碼實例。

首先，我們需要在前端準備好一個文件選擇輸入框，讓用戶選擇要上傳的文件。需要注意的是，這個輸入框的類型應該為"file"，并且添加"multiple"屬性，以支持選擇多個文件。下面是一個示例：

<input type="file" multiple id="fileInput">

接下來，我們需要使用JavaScript來獲取用戶選擇的文件，并使用FormData對象來封裝這些文件。FormData是用于創建表單數據的對象，可以方便地將數據以鍵值對的形式傳遞到后臺。我們可以使用form表單的方式創建一個FormData對象，然后使用append方法將文件添加進去。代碼如下：

var fileInput = document.getElementById('fileInput');
var files = fileInput.files;
var formData = new FormData();
for (var i = 0; i< files.length; i++) {
formData.append('file' + i, files[i]);
}

在上面的代碼中，我們通過遍歷files數組，將每個文件都添加到formData對象中，鍵名為'file' + i，鍵值為當前文件。這樣就將用戶選擇的多個文件都封裝到了formData中。

接下來，我們使用AJAX發送這個包含多個文件的formData對象到后臺進行處理。在AJAX請求中，我們需要設置幾個必要的參數，比如URL、請求方法、是否異步等。同時，還需要設置請求的頭部信息，將請求內容設置為formData對象。例如：

var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.setRequestHeader('Content-Type', 'multipart/form-data');
xhr.send(formData);

上面的代碼中，我們創建了一個XMLHttpRequest對象，并通過open方法設置了請求的URL、方法和是否異步。然后，使用setRequestHeader方法設置了請求的頭部信息，將Content-Type設置為'multipart/form-data'，表示傳送的是多個文件。最后，使用send方法發送了包含多個文件的formData對象。

在后臺接收到這個請求后，就可以通過相應的接口來處理這些文件了。具體的處理方式可以根據后臺的開發語言和框架來確定。下面是一個簡單的示例，使用Node.js和Express來處理這個請求：

var express = require('express');
var multer  = require('multer')
var upload = multer({ dest: 'uploads/' })
var app = express();
app.post('/upload', upload.array('files'), function(req, res, next) {
// 處理文件
console.log(req.files);
res.sendStatus(200);
});
app.listen(3000, function () {
console.log('App listening on port 3000!')
});

在上面的示例中，我們使用了multer這個Node.js的中間件，來處理文件上傳。在路由處理函數中，使用upload.array('files')來處理接收到的文件數據。然后，在處理函數中就可以使用req.files來訪問接收到的文件數據了。

總結起來，使用AJAX傳送多個文件到后臺需要以下幾個步驟：首先，準備一個文件選擇輸入框，讓用戶選擇多個文件；然后，使用JavaScript獲取用戶選擇的文件，并將它們封裝到FormData對象中；最后，通過AJAX將包含多個文件的formData對象發送到后臺進行處理。后臺接收到這個請求后，可以根據自己的需求來處理這些文件。本文給出了一個使用Node.js和Express處理多個文件上傳的示例，希望能夠幫助讀者更好地理解AJAX傳送多個文件到后臺的過程。