範例
展示各種 Base64 編碼和解碼情境的實用範例。
基本文字範例
簡單文字編碼
輸入：「Hello, World!」
輸出：「SGVsbG8sIFdvcmxkIQ==」
簡單文字解碼
輸入：「SGVsbG8sIFdvcmxkIQ==」
輸出：「Hello, World!」
多語言文字
輸入：「你好，世界！」
輸出：「5L2g5aW9LCDkuJbnlYwh」
特殊字元
輸入：「Hello @#$%^&*()」
輸出：「SGVsbG8gQCMkJV4mKigp」
URL 安全範例
標準轉 URL 安全
輸入：「Hello, World!」
標準：「SGVsbG8sIFdvcmxkIQ==」
URL 安全：「SGVsbG8sIFdvcmxkIQ」
URL 參數編碼
輸入：「user@example.com」
URL 安全：「dXNlckBleGFtcGxlLmNvbQ」
檔案名稱編碼
輸入：「my file (1).txt」
URL 安全：「bXkgZmlsZSAoMSkudHh0」
檔案範例
圖片檔案
檔案：small-image.png (1KB)
Base64：iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==
文字檔案
檔案：document.txt
內容：「This is a sample document.」
Base64：「VGhpcyBpcyBhIHNhbXBsZSBkb2N1bWVudC4=」
JSON 資料
輸入：{"name": "John", "age": 30}
輸出：「eyJuYW1lIjogIkpvaG4iLCAiYWdlIjogMzB9」
程式設計範例
HTML Data URI
<!-- 直接在 HTML 中嵌入圖片 -->
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg=="
alt="小圖片"
/>
JavaScript Fetch API
// 透過 fetch 傳送 Base64 資料
const base64Data = 'SGVsbG8sIFdvcmxkIQ==';
fetch('/api/upload', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
data: base64Data,
type: 'text',
}),
});
電子郵件範例
電子郵件附件
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="boundary123"
--boundary123
Content-Type: text/plain; charset=UTF-8
This is the email body.
--boundary123
Content-Type: application/pdf; name="document.pdf"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="document.pdf"
JVBERi0xLjQKJcOkw7zDtsO8CjIgMCBvYmoKPDwKL0xlbmd0aCAzIDAgUgo+PgpzdHJlYW0K...
API 整合範例
REST API 請求
{
"action": "encode",
"data": "Hello, World!",
"format": "standard"
}
REST API 回應
{
"success": true,
"result": "SGVsbG8sIFdvcmxkIQ==",
"inputSize": 13,
"outputSize": 18
}
資料庫範例
SQL Insert
INSERT INTO documents (name, content_base64)
VALUES ('document.txt', 'VGhpcyBpcyBhIHNhbXBsZSBkb2N1bWVudC4=');
SQL Select
SELECT name,
CONVERT_FROM(DECODE(content_base64, 'base64'), 'UTF8') as content
FROM documents
WHERE id = 1;
錯誤處理範例
無效 Base64
輸入：「Hello World!」（不是有效的 Base64）
錯誤：「無效的 Base64 字串格式」
不完整 Base64
輸入：「SGVsbG8gV29ybGQ」（缺少填充）
錯誤：「無效的 Base64 字串格式」
檔案太大
輸入：large-file.zip (15MB)
錯誤：「檔案大小超出最大限制 10MB」
這些範例展示了 Base64 編碼在各種真實世界情境中的多樣性和實用應用。