JSON是一種輕量級的數據交換格式，可以與各種編程語言相互轉換。在Web應用程序中，有時需要通過JSON返回圖片。下面介紹如何通過JSON返回一張圖片。

{
"image": {
"src": "https://example.com/pic.jpg",
"width": "100",
"height": "100"
}
}

以上代碼表示了一個JSON對象，包含一個名為image的屬性，屬性值是一個對象，包括圖片的路徑src，以及寬度和高度。返回的JSON可以通過XMLHttpRequest對象的responseText屬性獲取，代碼如下：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var responseJson = JSON.parse(this.responseText);
var img = new Image();
img.src = responseJson.image.src;
img.width = responseJson.image.width;
img.height = responseJson.image.height;
document.body.appendChild(img);
}
};
xhr.open("GET", "image.json", true);
xhr.send();

以上代碼通過XMLHttpRequest對象獲取JSON并解析，然后創建一個Image對象，設置圖片的src、width和height屬性，最后將圖片添加到頁面中。當然，也可以通過AJAX庫如jQuery、AngularJS等獲取JSON并處理。

以上就是如何通過JSON返回一張圖片的方法，希望能幫助到大家。