首頁 >web前端 >js教程 >如何在 JavaScript 中將檔案轉換為 Base64?

如何在 JavaScript 中將檔案轉換為 Base64?

Barbara Streisand
Barbara Streisand原創
2024-12-03 04:53:08735瀏覽

How to Convert Files to Base64 in JavaScript?

在JavaScript 中將檔案轉換為Base64:綜合指南

在使用Web 應用程式時,您可能經常需要傳輸檔案作為資料交換。為了無縫地實現這一點,將檔案轉換為 Base64 格式是必要的。這種神秘的編碼技術使用可列印 ASCII 字元的子集表示二進位數據,使其適合透過 HTTP 或其他基於文字的協定傳輸檔案。

問題:

假設你有一個透過document.querySelector 方法得到的File 物件:

你的目標是轉換這個File物件轉換為Base64 字串,以實現高效的資料傳輸。

解決方案:

要將檔案轉換為 Base64,可以使用 JavaScript 提供的 FileReader 類別。此類別可讓您讀取檔案內容並將其編碼為 Base64 格式。以下是實作它的方法:

此程式碼初始化 FileReader 執行個體並啟動以資料 URL (DataURL) 形式讀取檔案。一旦讀取操作成功完成,就會觸發onload事件,並從reader.result中取得轉換後的Base64字串。現在您可以使用此 Base64 字串進行資料交換或任何其他所需目的。

以上是如何在 JavaScript 中將檔案轉換為 Base64?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn