如何使用 JavaScript 将 blob 转换为 base64 编码？

Blob是 JavaScript 中的一种基本数据类型。 Blob 代表二进制大对象，它是数据字节的表示。 Web 浏览器支持 Blob 数据类型来保存数据。 Blob 是File对象和FileReader API 的基础数据结构。 Blob 与普通文件一样具有特定的大小和文件类型，可以从系统内存中存储和检索。 Blob 也可以转换为Buffers并读取。缓冲区非常便于存储二进制数据，例如图像或文件的二进制数据。我们将使用FileReader API 将 Blob 转换为 JavaScript 中的Base64编码字符串。

我们无法通过网络以原始格式传输二进制数据。这是因为原始字节可能由于网络中涉及的不同协议而被错误地解释。在通过网络传输时，它被损坏的可能性也更高。因此，此二进制数据在通过网络传输之前使用Base64编码编码为字符，例如电子邮件附件、HTML 表单数据等。Base64 编码是一种将任意二进制数据转换为ASCII字符的方法。使用 Base64 编码，这样我们就不必依赖 Web 浏览器中的外部文件和脚本。

示例：使用FileReader API 将Blob转换为Base64编码字符串。 FileReader.readAsDataURL()读取指定 Blob 数据类型的内容，并将返回带有data:属性的Base64编码字符串。 FileReader.onloadend事件在数据读取成功或遇到错误时触发。我们使用Blob()构造函数创建了一个示例 Blob。构造函数接受String[]和由 String类型组成的 Object 中的值。

程序：

•   
  
      
      Convert Blob to Base64 String
  
    
  
  Hello GeeksForGeeks
  
      let blob = new Blob(["GeeksForGeeks"], { type: "text/plain" });
      // The full Blob Object can be seen 
      // in the Console of the Browser
      console.log('Blob - ', blob);
    
      var reader = new FileReader();
      reader.readAsDataURL(blob);
      reader.onloadend = function () {
      var base64String = reader.result;
      console.log('Base64 String - ', base64String);
    
      // Simply Print the Base64 Encoded String,
      // without additional data: Attributes.
      console.log('Base64 String without Tags- ', 
     base64String.substr(base64String.indexOf(', ') + 1));
          }
      

• 输出：