图片file转base64

Snowyya

于 2022-10-31 15:10:21 发布

阅读量520

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/Snowyya/article/details/127616013

版权

博客主要介绍了图片file转base64的方法及用法，涉及前端相关技术。

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

图片file转base64

方法如下：

getBase64 (file) {
      return new Promise((resolve, reject) => {
        let reader = new FileReader();
        let imgResult = "";
        reader.readAsDataURL(file);
        reader.onload = function () {
          imgResult = reader.result;
        };
        reader.onerror = function (error) {
          reject(error);
        };
        reader.onloadend = function () {
          resolve(imgResult);
        };
      });
    }

用法如下：

this.getBase64(file.raw).then(base64Url => {
	console.log(base64Url) // 这就是得到的base64结果
})