前端图片格式的转换

1、图片转base64格式

// 图片转base64格式
async loadBase64Image() {
    const imgPath = require('../../assets/frame/images/order-circle.png');
    const response = await fetch(imgPath);
    const blob = await response.blob();
    const reader = new FileReader();
    reader.onloadend = () => {
        this.base64Pic = reader.result;
    };
    reader.readAsDataURL(blob);
},

2、base64转文File格式

// base64转文File格式
base64ToFile(base64Data, fileName) {
    // 确保 base64Data 是完整的 data URI形式(Data URI scheme)
    if (!base64Data.startsWith('data:')) {
         base64Data = `data:image/png;base64,${base64Data}`;
            }
    // 解析 data URI 获取 MIME 类型
    const mime = base64Data.split(',')[0].split(':')[1];
    // 创建 Blob 对象
    const byteString = atob(base64Data.split(',')[1]);
    const arrayBuffer = new ArrayBuffer(byteString.length);
    const uint8Array = new Uint8Array(arrayBuffer);

    for (let i = 0; i < byteString.length; i++) {
        uint8Array[i] = byteString.charCodeAt(i);
    }
    const blob = new Blob([uint8Array], { type: mime });
        // 创建 File 对象
    return new File([blob], fileName, { type: mime });
},
// 调用
this.base64ToFile(data, 'image.jpeg');

3、