blob转化为base64

CrazyBrainYWK

于 2024-03-26 21:55:32 发布

阅读量541

点赞数 2

CC 4.0 BY-SA版权

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_69868156/article/details/137059146

本文介绍了如何在JavaScript中使用FileReader将Blob对象转换为Base64编码，以便于在网络上传输或显示图片。作者展示了如何创建FileReader对象并读取Blob内容，最终将其转换为DataURL格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

blob转化为base64

/*
 * @Author: 杨文康  ywk719@163.com
 * @Date: 2023-11-28 01:03:72
 * @Description: blob转化为base64
 */
// 假设您有一个Blob对象，称为blobImage

// 创建一个FileReader对象
var reader = new FileReader();

// 读取Blob对象中的数据
reader.onloadend = function() {
  // 将读取的数据转换为Base64编码
  var base64Image = reader.result;

  // 在此处可以使用base64Image进行后续操作，比如显示图片或发送到服务器等

  console.log(base64Image);
};

// 将Blob对象读取为DataURL
reader.readAsDataURL(blobImage);