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);
}

调用方法如下：

var blob = new Blob(['hello world'], {type: 'text/plain'});
blobToBase64(blob, function(base64) {
  console.log(base64);
});

这段代码将创建一个包含字符串 "hello world" 的 Blob 对象，并将其转换为 Base64 编码的字符串并打印出来。

注意：这段代码只适用于浏览器环境，如果在 Node.js 环境中使用需要使用其他方法。

相关问题

vue将blob图片转成baser64

Vue.js 中将 Blob 类型的图片转换为 Base64 编码通常涉及到使用浏览器原生 API，如 `FileReader` 对象。以下是一个简单的示例步骤：

1. 首先，假设你有一个 `fileInput` 元素接收用户选择的文件：

<input type="file" id="fileInput" @change="handleFileChange">

2. 在 Vue 组件中处理文件改变事件 (`handleFileChange` 函数)：

export default {
  data() {
    return {
      selectedImage: null,
    };
  },
  methods: {
    handleFileChange(e) {
      const file = e.target.files[0];
      if (file) {
        this.convertBlobToBase64(file);
      }
    },
    
    convertBlobToBase64(file) {
      const reader = new FileReader();
      reader.onload = (event) => {
        this.selectedImage = event.target.result;
      };
      reader.readAsDataURL(file);
    },
  },
};

在这个例子中，当用户选择文件后，`convertBlobToBase64` 方法会被调用，`FileReader` 的 `readAsDataURL` 方法会读取 Blob 并将其转换为 Base64 字符串。

3. 现在 `selectedImage` 数据属性存储的就是 Base64 编码的图片字符串了，你可以将其用于显示在 HTML 中，比如通过 `<img>` 标签：

<img :src="selectedImage" alt="User Image">

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);
});