在Web開發中，JSON（JavaScript Object Notation）是一種常見的數據格式，它可以用來傳輸、存儲、表示復雜的數據結構。通常情況下，我們會在使用AJAX請求后臺數據時，返回的數據會以JSON的形式返回，然后通過JavaScript代碼動態展示到頁面上。

當我們需要在頁面上展示一些圖片時，通常情況下是使用<img>標簽。但是如果我們使用JSON返回的圖片數據，該怎么處理呢？

{
"name": "小狗",
"age": 3,
"avatar": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIA...";
}

如上所示，這是一段簡單的JSON數據，其中包含了一張Base64編碼的圖片。那么該如何將它展示到頁面上呢？

首先，我們需要使用JavaScript代碼獲取到這個JSON數據，并將它解析成JavaScript對象。然后，我們可以通過JavaScript創建<img>元素，并將圖片的Base64編碼作為src屬性賦值給這個元素：

const data = JSON.parse(jsonData);
const img = document.createElement('img');
img.src = data.avatar;
document.body.appendChild(img);

通過以上代碼，我們創建了一個圖片元素，并將返回的Base64編碼作為圖片的src屬性值進行賦值。最后，在頁面上展示這個圖片。

需要注意的是，返回的Base64編碼可能比較長，如果我們直接將它賦值給圖片元素的src屬性，可能會導致瀏覽器渲染速度變慢。為了優化性能，我們可以將其存儲到本地或者使用緩存技術進行優化。