隨著互聯網技術的不斷發展，我們在日常開發中經常會遇到一些關于傳輸數據的問題，比如圖片上傳和Json數據過長的問題。今天我們就來講一講如何使用Base64來解決這兩個問題。

Base64上傳圖片

在我們開發Web應用的過程中，上傳圖片是非常常見的一個需求。然而，圖片數據太大，如果我們直接將圖片上傳到后端，不僅會增加后端的負擔，而且也會拖慢前端的性能。這時候，我們就可以使用Base64來將圖片轉換成字符串進行傳輸。

//HTML
<div id="preview"></div>
<input id="fileInput" type="file" accept=".jpg,.png,.gif" onchange="previewImage(this)">
//JS
function previewImage(file) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
var preview = document.getElementById('preview');
preview.src = e.target.result;
preview.style.display = 'block';
var base64Data = preview.src.split(',')[1]; //將圖片轉換成Base64格式的字符串
//將base64Data上傳到后端
}
}

以上代碼將通過FileReader對象來讀取圖片數據，然后將其轉換為Base64格式的字符串，最后將字符串上傳至后端。

Json數據過長

在傳輸數據時，如果Json數據過長，會增加前端與后端之間的開銷，而且在網絡傳輸中也會增加額外的負擔。這時候，我們也可以使用Base64來解決這個問題。

//JS
var data = {
name: '張三',
age: 18,
address: '北京市朝陽區XXX路XXX號',
...
//Json數據過長
}
var jsonStr = JSON.stringify(data);
var base64Data = btoa(jsonStr); //將Json數據轉換成Base64格式的字符串
//將base64Data上傳到后端

以上代碼將Json數據轉換為字符串后，再使用btoa()函數將其轉換為Base64格式的字符串，最后將字符串上傳至后端。在后端接收到數據后，也可以使用atob()函數將Base64格式的字符串轉換為Json數據。

綜上所述，Base64可以用于將圖片轉換成字符串進行傳輸，也可以用于解決Json數據過長的問題。