如何使用 JavaScript 的 FileReader API 將檔案轉換為 Base64 編碼？

在JavaScript 中將檔案轉換為Base64

JavaScript 中的FileReader API 提供了一種將檔案轉換為其Base64 表示形式的簡單方法。這在透過網路傳送檔案或將檔案儲存在資料庫中時特別有用。

將檔案轉換為Base64

要使用FileReader API 將檔案轉換為Base64，請依照下列步驟操作：

1. 建立FileReader 物件：
初始化FileReader 實例。
2. 載入檔案：
使用 readAsDataURL() 方法將檔案內容載入到 FileReader 物件中。
3. 載入事件時：
當檔案內容已滿時，FileReader 物件會發出載入事件
4. 取得Base64 字串：
存取FileReader 物件的result 屬性以取得Base64 編碼字串形式的檔案內容。

範例程式碼：

function getBase64(file) {
  var reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = function () {
    console.log(reader.result);
  };
  reader.onerror = function (error) {
    console.log('Error: ', error);
  };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file); // prints the base64 string

在提供的例如，getBase64() 函數將檔案物件作為參數，並使用FileReader API 將其轉換為base64。然後，base64 字串可用於各種目的，例如透過 JSON 發送或儲存在資料庫中。

以上是如何使用 JavaScript 的 FileReader API 將檔案轉換為 Base64 編碼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！