js将图片流blob转为base64

可以使用FileReader对象将图片流blob转为base64。具体代码如下：

function blobToBase64(blob, callback) {
  var reader = new FileReader();
  reader.onload = function() {
    var dataUrl = reader.result;
    var base64 = dataUrl.split(',')[1];
    callback(base64);
  };
  reader.readAsDataURL(blob);
}

其中，参数blob为图片流，callback为转换完成后的回调函数。调用示例：

var blob = new Blob([uint8Array], {type: 'image/jpeg'});
blobToBase64(blob, function(base64) {
  console.log(base64);
});

相关问题

使用js将音频blob对象转为base64字符串

可以使用FileReader对象读取音频blob对象，然后使用btoa()方法将读取的内容转换为base64字符串。以下是示例代码：

// 假设已经有一个名为audioBlob的音频blob对象
const reader = new FileReader();
reader.readAsDataURL(audioBlob);
reader.onloadend = function() {
  const base64String = btoa(reader.result);
  console.log(base64String);
}

这里使用了FileReader对象的readAsDataURL()方法将音频blob对象读取为Data URI格式的字符串，然后使用btoa()方法将Data URI转换为base64字符串。最后将转换后的字符串输出到控制台。

js下载图片转为base64

要将图片下载并转换为 base64 格式，可以使用 JavaScript 的 `XMLHttpRequest` 对象来下载图片，然后使用 `<canvas>` 元素将图片转换为 base64。

以下是一个示例，演示如何使用 JavaScript 下载图片并将其转换为 base64：

function downloadImageAndConvertToBase64(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';

  xhr.onload = function() {
    if (xhr.status === 200) {
      var reader = new FileReader();
      reader.onloadend = function() {
        callback(reader.result);
      };
      reader.readAsDataURL(xhr.response);
    }
  };

  xhr.send();
}

var imageUrl = '/path/to/image.jpg';

downloadImageAndConvertToBase64(imageUrl, function(base64Image) {
  console.log(base64Image); // 在这里处理 base64 图像数据
});

在上面的示例中，我们定义了一个函数 `downloadImageAndConvertToBase64()`，它接受两个参数：图像的 URL 和一个回调函数。在函数内部，我们创建了一个 `XMLHttpRequest` 对象，并设置其 `responseType` 属性为 `'blob'`，以便获取图像的二进制数据。

然后，我们使用 `XMLHttpRequest` 对象发送 GET 请求来下载图像。当请求成功完成时，我们使用 `FileReader` 对象将图像数据转换为 base64 格式，并将结果传递给回调函数。

最后，我们指定了图像的 URL，并调用 `downloadImageAndConvertToBase64()` 函数，将图像下载并转换为 base64。

请注意，由于涉及跨域请求，需要确保服务器允许跨域访问图像。另外，请确保替换示例中的图像 URL 为你自己的实际 URL。