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将file文件 ，分别转为 base64 , blob ,和ArrayBuffer

在JavaScript中，你可以使用不同的方法将File对象转换成Base64、Blob或ArrayBuffer。以下是相应的步骤：

1. **转为Base64**:
使用`FileReader` API 的`readAsDataURL`方法可以读取文件并生成一个包含Base64编码的数据URL。

async function fileToBase64(file) {
  const reader = new FileReader();
  await new Promise((resolve, reject) => {
    reader.onloadend = function() {
      resolve(reader.result);
    };
    reader.onerror = reject;
    reader.readAsDataURL(file);
  });
}

调用时，传入File对象即可：

fileToBase64(file).then(base64Data => console.log('Base64:', base64Data));

2. **转为Blob**:
可以直接从File构造一个Blob对象。

function fileToFileBlob(file) {
  return new Blob([file], {type: file.type});
}

3. **转为ArrayBuffer**:
首先读取为Blob，然后创建一个新的ReadableStream，接着读取这个流到ArrayBuffer。

async function fileToArrayBuffer(file) {
  const blob = fileToFileBlob(file);
  const arrayBuffer = await new Response(blob).arrayBuffer();
  return arrayBuffer;
}

使用同样方式调用：

fileToArrayBuffer(file).then(arrayBuffer => console.log('ArrayBuffer:', arrayBuffer));