File转base64

封装函数

/**
 * File转base64
 * @param file 
 * @return base64
 * */
export function getBase64(file) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        let fileResult = "";
        reader.readAsDataURL(file);
        //开始转
        reader.onload = () => {
            fileResult = reader.result;
        };
        //转失败
        reader.onerror = (error) => {
            reject(error);
        };
        //结束 resolve
        reader.onloadend = () => {
            resolve(fileResult);
        };
    });
}

使用

// 引入
import { getBase64 } from "@/utils";
// 比如这是一个上传的监听函数
const uploadChange = async (file) => {
  const base64 = await getBase64(file.raw); // 转为base64
  //...
};