在現代的網頁開發中，圖片加載是一個很重要的功能。而通過Ajax技術，我們可以實現不刷新整個網頁的情況下加載圖片。但是，實際上Ajax本身并不是專門用來加載圖片的工具，它更多的是用于異步加載數據的。所以，需要借助一些其他的技術和工具來實現圖片的異步加載。

一種常見的實現圖片異步加載的方式，是利用Ajax和服務器端腳本語言進行配合。比如，我們可以使用Ajax向服務器發送一個請求，請求服務器返回一個圖片的URL。然后，通過JavaScript將這個URL賦值給標簽的src屬性，以此來加載圖片。

function loadImg(url) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
if (this.status == 200) {
var blob = this.response;
var img = document.createElement('img');
img.onload = function(e) {
window.URL.revokeObjectURL(img.src);
};
img.src = window.URL.createObjectURL(blob);
document.body.appendChild(img);
}
};
xhr.send();
}
// 調用loadImg函數來異步加載圖片
loadImg('http://example.com/image.png');

在上述代碼中，我們使用了XMLHttpRequest對象來發送一個GET請求給服務器，請求返回一個圖片的URL。然后，我們將這個URL賦值給新創建的元素的src屬性，使得圖片被加載到網頁中。

需要注意的是，上述代碼中的URL需要替換為實際的圖片URL，并且服務器端的腳本語言需要正確處理這個請求，返回正確的圖片URL。同時，我們還需要處理一些錯誤狀態碼和異常情況，以保證代碼的健壯性。

另外，通過Ajax異步加載圖片還可以實現圖片的懶加載功能。所謂懶加載，就是指只有當圖片即將出現在用戶的視野中時，才開始加載圖片。這樣可以節省資源，提高頁面加載速度。比如，當用戶滾動頁面時，可以通過監聽滾動事件，判斷圖片是否進入了用戶的可視區域，然后再使用Ajax異步加載圖片。

window.addEventListener('scroll', function() {
var images = document.querySelectorAll('img[data-src]');
for (var i = 0; i < images.length; i++) {
var image = images[i];
if (isInViewport(image)) {
var url = image.getAttribute('data-src');
image.removeAttribute('data-src');
loadImg(url);
}
}
});
function isInViewport(element) {
var rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

在上述代碼中，我們通過監聽滾動事件來判斷圖片是否進入用戶的可視區域。如果圖片進入了可視區域，我們就調用loadImg函數來異步加載圖片。這里需要注意的是，我們可以使用自定義的屬性（比如data-src）來保存圖片的URL，并在圖片被加載過后從元素中移除這個屬性。

總而言之，通過Ajax技術我們可以實現圖片的異步加載，從而優化網頁的性能和用戶體驗。無論是直接加載圖片，還是通過懶加載的方式進行圖片加載，都可以借助Ajax來實現。當然，具體實現的方法會因為實際需求和技術棧的不同而有所差異。大家可以根據自己的需要，選擇適合的方法來實現圖片的異步加載。