首頁 >web前端 >js教程 >如何使用 JavaScript 將 Blob 轉換為 Base64 字串?

如何使用 JavaScript 將 Blob 轉換為 Base64 字串?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-20 00:40:03507瀏覽

How to Convert a Blob to a Base64 String Using JavaScript?

使用FileReader 將Blob 轉換為Base64 字串

要將Blob 物件轉換為Base64 字串,您可以使用FileReader API,如下所示:

var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
  var base64data = reader.result;
}

readAsDataURL方法將 Blob 物件編碼為Base64。編碼完成後,onloadend 事件將觸發,並且可以透過 base64data 變數存取產生的 Base64 字串。

使用jQuery

jQuery 提供了一個簡單的方法使用以下程式碼達到相同的結果:

$.ajax({
  url: '<api-endpoint>',
  type: 'POST',
  contentType: false,
  processData: false,
  data: blob,
  success: function(data, status, xhr) {
    var base64data = xhr.getResponseHeader('Content-Type');
  }
});

getResponseHeader 方法可用於擷取來自伺服器回應的Base64 編碼字串。

注意: 產生的 Base64 字串將包含資料 URL 聲明,如果只需要編碼數據,則需要將其刪除。這可以透過從結果中剝離“data:/;base64,”前綴來實現。

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

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