修改新增

祖安之光

2025-12-03 9674af17d8e7ad8f85c9df3b89d99a71d7e39268

 src/views/build/conpanyFunctionConsult/digitalFileDep/manageType/qualityManual/index.vue

@@ -243,6 +243,7 @@
        templateName: item.templateName
      }
    }) || []
    data.companyInfo.productServiceImages = res.data.productServiceDatas ? await processImagesToBase64(res.data.productServiceDatas): []
  }else{
    ElMessage.warning(res.message)
  }
@@ -303,6 +304,57 @@
  };
}

// 新增：将图片URL转换为Base64
async function urlToBase64(imageUrl) {
  return new Promise((resolve, reject) => {
    // 如果是相对路径，添加基础URL
    let fullUrl = imageUrl;
    if (!imageUrl.startsWith('http')) {
      fullUrl = import.meta.env.VITE_APP_BASE_API + '/' + imageUrl;
    }
    const xhr = new XMLHttpRequest();
    xhr.open('GET', fullUrl, true);
    xhr.responseType = 'blob';

    xhr.onload = function() {
      if (this.status === 200) {
        const blob = this.response;
        const reader = new FileReader();
        reader.onloadend = function() {
          resolve(reader.result); // 返回base64字符串
        };
        reader.onerror = reject;
        reader.readAsDataURL(blob);
      } else {
        reject(new Error(`图片加载失败: ${this.status}`));
      }
    };
    xhr.onerror = reject;
    xhr.send();
  });
}

// 新增：处理图片数组
async function processImagesToBase64(imageUrls) {
  try {
    const base64Images = [];
    for (const url of imageUrls) {
      try {
        const base64 = await urlToBase64(url);
        base64Images.push(base64);
      } catch (error) {
        console.warn(`无法加载图片 ${url}:`, error);
        // 可以添加一个占位图片或跳过
        base64Images.push('');
      }
    }
    return base64Images;
  } catch (error) {
    console.error('处理图片失败:', error);
    return [];
  }
}

const initFile = async (val) => {
  data.companyInfo = {}
  loading.value = true