Ajax 是一種用于實現異步通信的技術，在網頁開發中被廣泛應用。但是，在處理圖片上傳這一常見需求時，Ajax 在兼容 IE9 上存在一些問題。本文將介紹如何在兼容 IE9 的情況下使用 Ajax 來實現圖片上傳功能。

在兼容 IE9 上使用 Ajax 上傳圖片時，有一個主要問題需要解決：IE9 不支持 FormData 對象。FormData 對象可以將表單元素以鍵值對的形式進行序列化，方便提交表單數據。在圖片上傳場景中，可以使用 FormData 對象來處理圖片的傳輸。然而，在 IE9 下，我們需要使用其他方法來代替 FormData 對象。

下面是一個示例代碼，用于展示如何使用 Ajax 在兼容 IE9 的情況下上傳圖片。

function uploadImage() {
var fileInput = document.getElementById('imageInput');
var file = fileInput.files[0];
var xhr = new XMLHttpRequest();
if (xhr.upload) {
xhr.open('POST', 'upload.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200){
// 上傳完成后的處理邏輯
console.log(xhr.responseText);
}
};
if (typeof FormData === 'undefined') { // 兼容 IE9
var formData = new FormData();
formData.append('image', file);
xhr.send(formData);
} else {
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('image=' + file);
}
}
}

在上述代碼中，我們首先獲取了用戶選擇的圖片文件。然后，創建了一個 XMLHttpRequest 對象，用于發送圖片數據。接下來，我們根據當前瀏覽器是否支持 FormData 對象來選擇不同的發送方式。如果支持 FormData，我們使用 FormData 對象來發送圖片數據；否則，我們將圖片數據以鍵值對的形式進行序列化，并設置發送頭部信息。

在上述例子中，如果我們想要將選擇的圖片上傳到服務器端，在服務器端接收到圖片后保存到指定位置，我們可以使用以下 PHP 代碼來處理上傳的圖片。

// upload.php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$image = $_FILES['image'];
$uploadDir = '/path/to/upload/dir/';
$filename = $uploadDir . $image['name'];
if (move_uploaded_file($image['tmp_name'], $filename)) {
echo 'Image uploaded successfully';
} else {
echo 'Failed to upload image';
}
}

在以上 PHP 代碼中，我們首先判斷請求的方法是否為 POST，然后獲取上傳的圖片文件。接著，我們指定了圖片保存的目錄，并將圖片文件保存到指定位置。根據保存結果，我們返回不同的響應信息。

通過以上的示例代碼，我們可以解決在兼容 IE9 的情況下使用 Ajax 來上傳圖片的問題。盡管 FormData 對象在 IE9 上不可用，但我們可以通過其他方法來處理圖片數據并發送至服務器端。通過適配不同的瀏覽器，我們能夠在 Web 開發中更好地滿足用戶的需求。