vue中如何把base64转换成url

Question

vue中如何把base64转换成url， 希望来个完整的方法 。平台真是的，为啥非要30个字符，强迫症产品经理吧

Answer 1

给你把代码都写了，并且逐行注释好了：

function base64ToUrl(base64) { // 定义函数，参数为base64字符串
  return URL.createObjectURL(base64ToFile(base64)); // 返回一个url
}

function base64ToFile(base64) { // 定义函数，参数为base64字符串
  let arr = base64.split(','); // 将base64字符串以逗号分隔成数组
  let mime = arr[0].match(/:(.*?);/)[1]; // 获取图片类型
  let bstr = atob(arr[1]); // 解码base64字符串
  let n = bstr.length; // 获取解码后的字符串长度
  let u8arr = new Uint8Array(n); // 创建一个长度为n的Uint8Array数组
  while (n--) { // 循环n次
    u8arr[n] = bstr.charCodeAt(n); // 将解码后的字符串转换为Unicode编码并存储到数组中
  }
  return new File([u8arr], 'file', { type: mime }); // 返回一个File对象
}

另外在 Vue 中，可以通过在模板中使用 v-bind 指令来将数据绑定到 HTML 属性上。要将 Base64 编码的图像数据转换为可用于 img 标签的 URL，可以使用 URL.createObjectURL()这个API来完成。