JavaScript 实现 Base64 数据下载及低版本兼容方案

JavaScript 完整代码示例

function downloadBase64Data(base64Data, fileName) {
  try {
    // 检查 Base64 数据是否包含前缀（如 data:...;base64,）
    let mimeType = '';
    let base64String = '';

    if (base64Data.includes(',')) {
      const [metadata, data] = base64Data.split(',');
      mimeType = metadata.match(/:(.*?);/)[1]; // 提取 MIME 类型
      base64String = data; // 仅取 Base64 数据部分
    } else {
      // 如果没有前缀，默认为某种 MIME 类型，例如 application/octet-stream
      mimeType = 'application/octet-stream';
      base64String = base64Data;
    }

    // Base64 解码
    const binaryString = atob(base64String); // 解码 Base64
    const binaryData = new Uint8Array(binaryString.length);
    for (let i = 0; i < binaryString.length; i++) {
      binaryData[i] = binaryString.charCodeAt(i);
    }

    // 创建 Blob 对象
    const blob = new Blob([binaryData], { type: mimeType });

    // 使用 Blob 创建临时 URL
    const url = URL.createObjectURL(blob);

    // 创建 <a> 元素并触发下载
    const a = document.createElement('a');
    a.href = url;
    a.download = fileName;
    document.body.appendChild(a); // 必须将其添加到 DOM 中
    a.click();

    // 清理
    document.body.removeChild(a);
    URL.revokeObjectURL(url);

    console.log('文件下载成功');
  } catch (error) {
    console.error('下载失败:', error.message);
  }
}

// 示例用法
const base64Data = 'data:text/plain;base64,SGVsbG8sIFdvcmxkIQ=='; // 示例 Base64 数据
const fileName = 'example.txt';
downloadBase64Data(base64Data, fileName);