假設(shè)我們需要實現(xiàn)一個圖片上傳的功能。用戶在網(wǎng)頁中選擇一張圖片文件，然后將其上傳到服務(wù)器，并在上傳成功后在頁面中顯示圖片。在前端實現(xiàn)的代碼如下：

const fileInput = document.querySelector('input[type="file"]');
const previewImage = document.querySelector('img');
fileInput.addEventListener('change', function() {
const file = fileInput.files[0];
// 創(chuàng)建FormData對象，用于存儲文件數(shù)據(jù)
const formData = new FormData();
formData.append('image', file);
// 發(fā)起AJAX請求，上傳文件
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response =>response.blob()) // 將響應(yīng)數(shù)據(jù)轉(zhuǎn)換為二進制數(shù)據(jù)
.then(blob =>{
const imageURL = URL.createObjectURL(blob); // 使用Blob對象創(chuàng)建URL
previewImage.src = imageURL; // 在頁面中顯示圖片
});
});

以上代碼中，我們通過addEventListener方法給文件輸入框添加了一個change事件監(jiān)聽器。當(dāng)用戶選擇并提交文件時，change事件會觸發(fā)。我們首先獲取用戶選擇的文件對象，然后創(chuàng)建一個FormData對象并將文件對象附加到其中。接著，使用fetch函數(shù)發(fā)起AJAX請求，將FormData對象作為請求的body進行傳輸。

在服務(wù)器端使用Node.js來接收并處理文件上傳請求。我們使用express框架作為后端服務(wù)器，multer作為文件上傳中間件。multer可以解析multipart/form-data格式的數(shù)據(jù)，從而實現(xiàn)文件的接收與存儲。以下是服務(wù)器端的代碼：

const express = require('express');
const multer  = require('multer');
const app = express();
const storage = multer.diskStorage({
destination: function (req, file, cb) { // 設(shè)置文件的存儲路徑
cb(null, 'uploads/');
},
filename: function (req, file, cb) { // 設(shè)置上傳后的文件名
cb(null, file.originalname);
}
});
const upload = multer({ storage: storage });
app.post('/upload', upload.single('image'), function(req, res) {
res.sendStatus(200);
});
app.listen(3000, function() {
console.log('Server is running on port 3000');
});

以上代碼中，我們使用multer的diskStorage函數(shù)創(chuàng)建一個存儲配置，其中包括文件的存儲路徑和文件名。然后，通過multer函數(shù)和存儲配置創(chuàng)建一個上傳對象upload。在應(yīng)用的POST路由中，我們使用upload.single('image')來處理單個文件的上傳請求，其中'image'是文件字段的名稱?？筛鶕?jù)實際需求來設(shè)置上傳多個文件的情況。

當(dāng)文件上傳完成后，服務(wù)器會響應(yīng)一個狀態(tài)碼為200的響應(yīng)。在前端代碼中的fetch請求中，我們通過response.blob()方法將響應(yīng)數(shù)據(jù)轉(zhuǎn)換為Blob對象，并使用URL.createObjectURL()方法創(chuàng)建一個URL，用于在頁面中顯示上傳的圖片。

通過以上的例子，我們可以看到使用AJAX接收二進制文件上傳并不復(fù)雜。我們只需要將文件對象附加到FormData中，并使用fetch函數(shù)發(fā)送請求即可。在服務(wù)器端，我們使用multer進行文件的解析和存儲。

總結(jié)起來，AJAX可以通過FormData對象實現(xiàn)二進制文件的上傳，并可以使用Blob對象來處理接收到的二進制文件。對于Web開發(fā)者來說，掌握AJAX接收二進制文件上傳的方法是十分有用的，可以為網(wǎng)站添加更多交互性和功能性。