JavaScript能否对任意文件格式进行Base64编解码以实现跨机JSON流传输？

完全可以通过JavaScript实现任意格式文件的Base64编解码，不管是浏览器端还是Node.js环境，原生API就能搞定，不需要依赖特定NPM包。以下是具体实现方案：

核心逻辑说明 #

任意文件本质都是二进制数据，Base64是将二进制数据编码为ASCII字符串的通用方案，和文件格式无关。你只需要把文件读取为二进制数据，转成Base64字符串封装到指定JSON结构；接收方拿到Base64字符串后，再解码回二进制数据，最后还原为原格式文件即可。

浏览器端实现 #

1. 编码任意文件为JSON结构 #

使用FileReader API读取用户选择的文件，提取Base64字符串并封装：

// 编码函数：接收File对象，返回封装好的JSON数据
function encodeFileToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = (e) => {
      // 去掉DataURL前缀（如"data:image/png;base64,"），仅保留Base64字符串
      const base64Str = e.target.result.split(',')[1];
      // 提取文件类型：优先用MIME类型后缀， fallback到文件名后缀
      const fileType = file.type.split('/')[1] || file.name.split('.').pop();
      resolve({
        msg: base64Str,
        fileType: fileType,
        fileId: Math.random().toString(36).slice(2, 10) // 生成随机fileId
      });
    };
    reader.onerror = reject;
    reader.readAsDataURL(file);
  });
}

// 使用示例：监听文件选择框
document.getElementById('fileInput').addEventListener('change', async (e) => {
  const selectedFile = e.target.files[0];
  if (selectedFile) {
    const jsonPayload = await encodeFileToBase64(selectedFile);
    // 将jsonPayload转为字符串，发送到第三方平台
    console.log(JSON.stringify(jsonPayload));
  }
});

2. 解码JSON数据还原文件 #

将Base64字符串转回二进制Blob，生成下载链接让用户保存：

// 解码函数：接收Base64字符串、文件类型、fileId，还原并下载文件
function decodeBase64ToFile(base64Str, fileType, fileId) {
  // Base64转二进制数组
  const byteChars = atob(base64Str);
  const byteNums = Array.from(byteChars, char => char.charCodeAt(0));
  const byteArray = new Uint8Array(byteNums);
  
  // 创建Blob并生成下载链接
  const blob = new Blob([byteArray], { 
    type: fileType ? `application/${fileType}` : 'application/octet-stream' 
  });
  const downloadUrl = URL.createObjectURL(blob);
  
  const a = document.createElement('a');
  a.href = downloadUrl;
  a.download = `file_${fileId}.${fileType}`;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(downloadUrl);
}

// 使用示例：处理收到的JSON数据
const receivedData = {
  "msg": "base64-string-YSToA0kR5Or1LnQ9hMYvHsgBshhnPGwmYsyZjJ9q",
  "fileType": "png",
  "fileId": "12414"
};
decodeBase64ToFile(receivedData.msg, receivedData.fileType, receivedData.fileId);

Node.js端实现 #

1. 编码本地文件为JSON结构 #

用Node.js原生fs模块读取文件为Buffer，直接转Base64：

const fs = require('fs').promises;
const path = require('path');

// 编码函数：接收文件路径，返回JSON结构
async function encodeFileToBase64Node(filePath) {
  const fileBuffer = await fs.readFile(filePath);
  const base64Str = fileBuffer.toString('base64');
  const fileType = path.extname(filePath).slice(1); // 提取文件后缀（如exe、pdf）
  
  return {
    msg: base64Str,
    fileType: fileType,
    fileId: Math.random().toString(36).slice(2, 10)
  };
}

// 使用示例
encodeFileToBase64Node('./test.exe')
  .then(jsonPayload => {
    console.log(JSON.stringify(jsonPayload));
    // 发送到第三方平台
  })
  .catch(err => console.error('编码失败：', err));

2. 解码JSON数据还原本地文件 #

将Base64字符串转回Buffer，写入本地文件：

const fs = require('fs').promises;

// 解码函数：接收Base64字符串、文件类型、fileId，保存为本地文件
async function decodeBase64ToFileNode(base64Str, fileType, fileId) {
  const fileBuffer = Buffer.from(base64Str, 'base64');
  const outputPath = `./output_${fileId}.${fileType}`;
  await fs.writeFile(outputPath, fileBuffer);
  console.log(`文件已保存：${outputPath}`);
}

// 使用示例
const receivedData = {
  "msg": "base64-string-YSToA0kR5Or1LnQ9hMYvHsgBshhnPGwmYsyZjJ9q",
  "fileType": "pdf",
  "fileId": "12414"
};
decodeBase64ToFileNode(receivedData.msg, receivedData.fileType, receivedData.fileId)
  .catch(err => console.error('解码失败：', err));

注意事项 #

• Base64编码会让文件体积增加约33%，大文件建议分块编码传输，避免内存溢出
• 确认第三方平台的JSON文本流大小限制，单次传输超限时需拆分文件分批次发送
• 文件类型判断：浏览器端优先用file.type，但部分小众格式可能识别不准确，可 fallback到文件名后缀；Node.js端直接用文件路径后缀即可

内容的提问来源于stack exchange，提问作者Zertyn