blob图片转base64

Blob是一种二进制文件格式，通常用于在Web浏览器中处理图像、视频和音频等数据。而Base64是一种将二进制数据编码成ASCII字符的方法，通常用于在Web应用程序中传输数据。因此，将Blob图片转换成Base64格式可以使其在Web应用程序中更方便地使用。

以下是将Blob图片转换成Base64的步骤：
1. 使用FileReader对象读取Blob对象的数据
2. 将读取的数据转换为Base64格式
3. 将Base64格式的数据插入到HTML img标签的src属性中，即可在页面中显示图片

示例代码如下：

// 获取图片Blob对象
var blob = new Blob(['blob数据'], { type: 'image/jpeg' });

// 读取Blob对象的数据
var reader = new FileReader();
reader.readAsDataURL(blob);

// 将读取的数据转换为Base64格式
reader.onload = function () {
  var base64data = reader.result;

  // 将Base64格式的数据插入到HTML img标签的src属性中
  var img = document.createElement('img');
  img.src = base64data;
  document.body.appendChild(img);
}

相关问题

数据库中blob图片转base64

在使用Java语言操作数据库时，可以将blob类型的图片转换为base64编码的字符串，实现的代码如下：

public static String blobToBase64(Blob blob) throws SQLException {
    InputStream inputStream = blob.getBinaryStream();
    ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
    byte[] buffer = new byte[4096];
    int bytesRead = -1;
    try {
        while ((bytesRead = inputStream.read(buffer)) != -1) {
            outputStream.write(buffer, 0, bytesRead);
        }
    } catch (IOException e) {
        e.printStackTrace();
    }
    byte[] imageBytes = outputStream.toByteArray();
    String base64Image = Base64.getEncoder().encodeToString(imageBytes);
    return base64Image;
}

其中，需要传入一个Blob对象，即数据库中存储的图片数据。然后将Blob对象中的数据读取到byte数组中，再将byte数组转换为base64编码的字符串，最后返回这个字符串即可。

uniapp手机上传图片blob转成base64

你可以使用uniapp的`uni.getImageInfo`方法获取图片的信息，然后使用`uni.getFileSystemManager().readFile`方法将图片转换为base64格式。下面是一个示例代码：

uni.getImageInfo({
  src: imagePath,
  success: function (res) {
    uni.getFileSystemManager().readFile({
      filePath: res.path,
      encoding: 'base64',
      success: function (data) {
        var base64Image = 'data:image/' + res.type + ';base64,' + data.data;
        console.log(base64Image);
      },
      fail: function (error) {
        console.log(error);
      }
    });
  },
  fail: function (error) {
    console.log(error);
  }
});

在上面的代码中，`imagePath`是图片的路径。首先使用`uni.getImageInfo`方法获取图片的信息，然后使用`uni.getFileSystemManager().readFile`方法读取图片文件并将其转换为base64格式。最后，可以在成功回调函数中获取到转换后的base64图片数据。

请注意，这个方法需要在真机上测试，因为在H5端可能会受到跨域限制。