Ajax是一種在網頁中進行異步數據交互的技術，它可以實現在不刷新整個網頁的情況下，通過與服務器進行通信，實現部分數據的更新和交互。在Web開發中，經常需要將圖片存儲到數據庫中，并在網頁中展示。本文將介紹如何使用Ajax將圖片存取到數據庫中，并通過例子加以說明。

首先，我們需要一個前端頁面，在頁面中添加一個上傳圖片的表單。表單中包含一個文件選擇框和一個提交按鈕。用戶選擇要上傳的圖片后，點擊提交按鈕就會觸發Ajax請求，將選擇的圖片文件發送到服務器。

<form id="uploadForm" enctype="multipart/form-data" method="post"><input type="file" name="file" id="file" /><input type="button" value="上傳圖片" onclick="uploadImage()" /></form>

接下來，我們需要編寫一個JavaScript函數`uploadImage()`來處理上傳圖片的邏輯。首先，我們需要獲取到用戶選擇的圖片文件，并創建一個FormData對象來將圖片數據傳輸到服務器端。

function uploadImage() {
var fileInput = document.getElementById("file");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
// 發送Ajax請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.onload = function() {
if (xhr.status === 200) {
// 成功上傳圖片
alert("圖片上傳成功！");
} else {
// 上傳圖片失敗
alert("圖片上傳失??！");
}
};
xhr.send(formData);
}

在上述代碼中，我們使用`XMLHttpRequest`對象來發送Ajax請求，并設置請求方法為POST，請求URL為`upload.php`。當請求完成后，根據服務器返回的狀態碼來判斷圖片是否上傳成功。

接下來，我們需要在服務器端編寫`upload.php`文件來處理圖片的存取邏輯。首先，通過`$_FILES`變量獲取到上傳的圖片文件，并將其保存到指定的目錄中。然后，將圖片的路徑存儲到數據庫中。

<?php
if (!empty($_FILES["file"])) {
$file = $_FILES["file"];
$uploadDir = "uploads/";
$filePath = $uploadDir . basename($file["name"]);
if (move_uploaded_file($file["tmp_name"], $filePath)) {
// 圖片上傳成功，將圖片路徑存儲到數據庫中
$db = new PDO("mysql:host=localhost;dbname=test", "username", "password");
$query = "INSERT INTO images (file_path) VALUES (?)";
$stmt = $db->prepare($query);
$stmt->execute([$filePath]);
echo "圖片上傳成功！";
} else {
echo "圖片上傳失??！";
}
}
?>

在上述代碼中，我們首先通過`move_uploaded_file()`函數將上傳的圖片文件保存到指定的目錄中。然后，使用PDO連接到數據庫，并執行插入操作，將圖片的路徑存儲到數據庫表`images`中的`file_path`字段中。

通過上述的代碼實現，我們可以輕松地使用Ajax將圖片存儲到數據庫中。同時，在前端頁面中展示圖片時，只需從數據庫查詢出圖片路徑，并使用`<img>`標簽進行展示即可。此外，我們也可以通過Ajax來實現圖片的刪除、修改等操作。