在Web開發中，JSON是一種常用的數據格式，而base64則是一種常用的圖片編碼格式。在開發中，有時需要將圖片轉換成base64格式的字符串，以便將圖片存儲在JSON數據中。本文將介紹使用JavaScript將圖片轉換成base64編碼格式。

首先，我們需要創建一個Image對象，并給它設置一個src屬性。當Image對象加載完成后，我們可以將它繪制到Canvas中，并使用Canvas的toDataURL()方法將Canvas轉換成base64編碼格式的字符串。然后，我們可以將這個字符串保存到JSON數據中。

// 創建Image對象
var img = new Image();
// 設置Image對象的src屬性
img.src = 'image.jpg';
// 當Image對象加載完成后，將其繪制到Canvas中
img.onload = function() {
var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
// 將Canvas轉換成base64編碼格式的字符串
var base64 = canvas.toDataURL();
// 將base64編碼格式的字符串保存到JSON數據中
var data = {
image: base64
};
};

以上代碼創建了一個Image對象，并將其src屬性設置為'image.jpg'。當Image對象加載完成后，將其繪制到Canvas中，并使用Canvas的toDataURL()方法將Canvas轉換成base64編碼格式的字符串。最后，將這個字符串保存到JSON數據中。

這是使用JavaScript將圖片轉換成base64編碼格式的字符串的方法。使用這種方法，我們可以輕松地將圖片存儲在JSON數據中，并傳輸到服務器端進行存儲。