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

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

Mary-Kate Olsen
發布: 2024-11-20 00:40:03
原創
490 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板