blob转base64

你可以使用以下代码将 Blob 对象转换为 Base64 字符串：

function blobToBase64(blob) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => resolve(reader.result);
    reader.onerror = reject;
    reader.readAsDataURL(blob);
  });
}

const blob = new Blob(['Hello, World!'], { type: 'text/plain' });

blobToBase64(blob)
  .then(base64String => {
    console.log(base64String);
  })
  .catch(error => {
    console.error(error);
  });

这段代码使用了 `FileReader` 对象的 `readAsDataURL` 方法将 Blob 对象转换为 Data URL，然后将 Data URL 转换为 Base64 字符串，并通过 Promise 进行异步操作。

相关问题

blob 转 base64

要将Blob对象转换为Base64字符串，您可以使用FileReader对象。下面是一个示例代码，演示了如何将Blob转换为Base64：

function blobToBase64(blob) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => {
      resolve(reader.result);
    };
    reader.onerror = reject;
    reader.readAsDataURL(blob);
  });
}

// 用法示例
const blob = new Blob(['Hello, world!'], { type: 'text/plain' });

blobToBase64(blob).then(base64String => {
  console.log(base64String);
}).catch(error => {
  console.error(error);
});

在上面的代码中，`blobToBase64`函数接受一个Blob对象作为参数，并返回一个Promise对象。在函数内部，我们创建一个FileReader对象，并设置其`onloadend`回调函数，当读取完成时，它会将结果作为Base64字符串传递给resolve函数。如果发生错误，则调用reject函数。

使用示例中的代码，我们创建了一个包含字符串"Hello, world!"的Blob对象，并通过`blobToBase64`函数将其转换为Base64字符串。然后，我们在控制台打印Base64字符串。您可以根据自己的需求替换Blob对象。

请注意，如果Blob对象非常大，转换为Base64字符串可能会占用大量内存。在处理大型Blob时，请谨慎使用此方法。

imgBlob 转base64

在JavaScript中，如果你有一个`imgBlob`（Image Blob对象），你可以使用`Blob`对象的方法将其转换为Base64格式的字符串。以下是转换过程：

首先，假设你有一个`imgBlob`，可以使用`base64ToBlob`函数[^1]将其转换为Base64格式：

function imgBlobToBase64(imgBlob) {
    var urlData = URL.createObjectURL(imgBlob);
    return base64ToBlob(urlData, imgBlob.type); // 传入URL对象和原始blob的MIME类型
}

// 使用上述函数
var base64Data = imgBlobToBase64(imgBlob);
console.log("base64Data", base64Data);

这里，`base64ToBlob`函数接收URL对象和类型信息，然后生成对应的Base64编码。

请注意，`URL.createObjectURL`创建了一个临时URL，用于在浏览器中加载Blob，之后调用`base64ToBlob`将这个URL转换为Blob对象。

转换后的Base64数据可以用于设置`img`元素的`src`属性，或者直接存储在服务器上。