本地图片转成base64格式

最新推荐文章于 2025-10-16 11:39:50 发布

原创最新推荐文章于 2025-10-16 11:39:50 发布 · 630 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

javascript 同时被 3 个专栏收录

2 篇文章

订阅专栏

base64

1 篇文章

订阅专栏

图片转换成base64

1 篇文章

订阅专栏

本文介绍了一种将本地图片文件转换为Base64编码的方法，并提供了具体的JavaScript实现代码示例。通过FileReader API，可以轻松地将图片文件读取并转换为Base64字符串，方便在网络中传输。

  
  //先获取本地图片，格式如下
  const file = {
    name: "study.png",
    lastModified: 1632470496093,
    lastModifiedDate: Fri Sep 24 2021 16:01:36 GMT+0800 (中国标准时间),
    webkitRelativePath: "",
    size: 6200, //这里的单位是字节，判断图片大小的话需自行转换单位
    type:"image/png",
    webkitRelativePath:""
  }
  // 转为base64
  const reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = (e) => {
    console.log(e.target.result);
  };