如何在 JavaScript 中有效地將 Blob 轉換為 Base64 字串？

將 Blob 轉換為 Base64

在 Web 應用程式中，映像通常需要儲存為字串以進行處理或傳輸。將表示二進位資料物件的 Blob 轉換為 Base64 字串可以實現映像的高效表示和操作。然而，找到執行此轉換的最佳方法可能具有挑戰性。

一個常見的方法是使用 FileReader API。此 API 提供了 readAsBinaryString() 方法，可用於將 blob 的內容讀取為二進位字串。但是，此方法可能不是將 blob 轉換為 base64 的最有效選項。

相反，建議使用 readAsDataURL() 方法。此方法讀取 blob 的內容並將其編碼為資料 URL。資料 URL 包括物件的 MIME 類型，後面跟著逗號分隔符，然後是 base64 編碼的資料。要擷取 Base64 編碼的數據，只需刪除資料：/;base64，結果中的前綴。

要使用readAsDataURL() 將Blob 轉換為Base64 字串，請按照以下步驟操作:

var reader = new FileReader();
reader.onloadend = function() {
  var base64data = reader.result;
  base64data = base64data.replace(/^data:image\/(png|jpeg);base64,/, "");
  console.log(base64data);
};
reader.readAsDataURL(blob);

這種方法提供了一種更有效率、更直接的方法將blob轉換為base64 字串。

以上是如何在 JavaScript 中有效地將 Blob 轉換為 Base64 字串？的詳細內容。更多資訊請關注PHP中文網其他相關文章！