前端把base64码怎么换成网络url路径

前端将base64编码的内容转换成网络URL路径，可以使用以下两种方式：

1. 使用URL.createObjectURL方法将Blob对象转换成URL路径。

function convertBase64ToUrl(base64Str) {
  // 将base64编码的内容转换成Blob对象
  const blob = dataURItoBlob(base64Str);

  // 使用 URL.createObjectURL 方法将 Blob 对象转换成 URL 路径
  const url = URL.createObjectURL(blob);

  // 使用该 URL 路径来显示图片或其他类型的文件
  displayFile(url);
}

function dataURItoBlob(dataURI) {
  // 将dataURI转换成Blob对象
  const byteString = atob(dataURI.split(',')[1]);
  const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
  const ab = new ArrayBuffer(byteString.length);
  const ia = new Uint8Array(ab);
  for (let i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }
  return new Blob([ab], { type: mimeString });
}

在上面的代码中，`convertBase64ToUrl`函数接收一个base64编码的字符串，将其转换成Blob对象并使用`URL.createObjectURL`方法将其转换成URL路径。`displayFile`函数用于使用该URL路径来显示图片或其他类型的文件。`dataURItoBlob`函数用于将base64编码的字符串转换成Blob对象。

2. 直接使用base64编码的字符串作为URL路径。

function convertBase64ToUrl(base64Str) {
  // 使用 base64 编码的字符串作为 URL 路径
  const url = `data:image/png;base64,${base64Str}`;

  // 使用该 URL 路径来显示图片或其他类型的文件
  displayFile(url);
}

在上面的代码中，`convertBase64ToUrl`函数接收一个base64编码的字符串，直接使用base64编码的字符串作为URL路径。`displayFile`函数用于使用该URL路径来显示图片或其他类型的文件。需要注意的是，直接使用base64编码的字符串作为URL路径可能会导致URL过长，不适合用于大文件的显示。