vue3 图片url地址转base64

在Vue3中将图片URL地址转换为Base64可以使用以下方法：

// 引入axios，用于发送请求
import axios from 'axios';

// 定义一个方法，将图片URL转换为Base64
async function imageUrlToBase64(imgUrl) {
  try {
    const response = await axios.get(imgUrl, {
      responseType: 'arraybuffer'
    });
    const base64 = Buffer.from(response.data, 'binary').toString('base64');
    return base64;
  } catch (error) {
    console.log(error);
    return null;
  }
}

// 调用方法
const imgUrl = 'https://example.com/image.jpg'; // 替换为你的图片URL地址
imageUrlToBase64(imgUrl).then(base64 => {
  console.log(base64); // 在控制台输出转换后的Base64字符串
});