如何使用 JavaScript 将 Blob 转换为 Base64 字符串？-js教程-PHP中文网

如何使用 JavaScript 将 Blob 转换为 Base64 字符串？

Mary-Kate Olsen

发布： 2024-11-20 00:40:03

原创

488 人浏览过

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中文网其他相关文章！