檔案轉 Base64
從檔案產生 Base64、Data URL 與 HTML、CSS 片段。
拖曳檔案到這裡，或點選檔案
PDF、字型、文件、圖片與音訊
檔名:
MIME 類型:
大小:
完整 Data URL
僅 Base64
img 標籤
CSS url()
01
完整 Data URL
FileReader 讀取位元組後，產生含 MIME 類型的 Data URL。純 Base64 是逗號後方的資料；HTML、CSS 輸出適用於支援的圖片格式。
02
僅 Base64
當 API 只接受編碼內容，不需要 data:…;base64, 前綴時。
03
CSS url()
不能。img 標籤與 CSS 背景適用於圖片，PDF 或其他文件需使用適當的嵌入方式。
技術說明
運作方式:
FileReader 讀取位元組後，產生含 MIME 類型的 Data URL。純 Base64 是逗號後方的資料；HTML、CSS 輸出適用於支援的圖片格式。
範例:
data:application/pdf;base64,JVBERi0xLjQKJ…
適用情境:
- >完整 Data URL
- >僅 Base64
- >CSS url()
常見問題
任何檔案都可以轉換嗎？
可以。Base64 能表示任何位元組資料，但不代表瀏覽器能顯示所有檔案類型。
什麼時候選純 Base64？
當 API 只接受編碼內容，不需要 data:…;base64, 前綴時。
img 和 CSS 片段能顯示 PDF 嗎？
不能。img 標籤與 CSS 背景適用於圖片，PDF 或其他文件需使用適當的嵌入方式。
資料會上傳到伺服器嗎？
不會，處理過程都在瀏覽器中完成。