JSON(JavaScript Object Notation)是一種輕量級的數據交換格式，常用于前后端數據傳輸以及存儲。在Web開發中，經常需要將圖片存儲到數據庫中。而在使用JSON存儲圖片時，常用的方式是將圖片轉換成Base64編碼，然后以字符串形式保存到JSON對象中。
{
"name": "example.jpg",
"type": "image/jpeg",
"data": "/9j/4AAQSkZJRgABAQEASABIAAD..."
}上面是一個簡化的JSON對象，其中"data"屬性存儲的就是圖片的Base64編碼。在使用時，可以將該字符串解碼成圖片。
以下是一個存儲圖片的示例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON存儲圖片示例</title>
</head>
<body>
<img id="picture" src="" alt="example">
<script>
// 定義一個JSON對象，存儲圖片
var picture = {
"name": "example.jpg",
"type": "image/jpeg",
"data": "/9j/4AAQSkZJRgABAQEASABIAAD..."
};
// 將Base64編碼轉換成Blob對象
var blob = new Blob([window.atob(picture.data)], { type: picture.type });
// 創建URL對象，并將Blob對象轉換成URL
var url = URL.createObjectURL(blob);
// 獲取圖片元素
var pictureEl = document.getElementById("picture");
// 設置圖片的src屬性
pictureEl.src = url;
</script>
</body>
</html>上述代碼中，通過將Base64編碼轉換成Blob對象，再將Blob對象轉換成URL，最后設置圖片的src屬性，就可以在網頁中顯示圖片了。
上一篇json怎樣實現交互
下一篇ajax怎么傳js數組啊