File INPUT在Windows浏览器返回Base64编码file.body，如何获取原始内容？

嘿，这个问题我之前帮人排查过，本质是Windows和Mac系统对文件MIME类型的识别策略差异导致的。试试下面这几个实用方案，应该能解决：

• 优先用readAsText替代readAsDataURL
  很多开发者习惯用readAsDataURL读取文件，但这个方法会默认把文件转成Base64编码的DataURL。不管系统怎么识别文件类型，直接用readAsText就能强制读取为纯文本内容，从根源避免Base64问题。示例代码：

  const fileInput = document.getElementById('fileInput');
  fileInput.addEventListener('change', function(e) {
    const file = e.target.files[0];
    const reader = new FileReader();
    
    reader.onload = function(event) {
      // 这里直接拿到纯文本格式的CSV内容
      const csvContent = event.target.result;
      // 接下来处理你的CSV逻辑
    };
    
    // 显式指定UTF-8编码，适配多场景
    reader.readAsText(file, 'UTF-8');
  });
  

• 让浏览器精准识别CSV类型
  Windows系统有时候会因为文件关联问题，把CSV识别成二进制文件。你可以在上传表单里明确指定可接受的文件类型，帮助浏览器精准判断：

  <input type="file" id="fileInput" accept=".csv,text/csv">
  

  如果还是出现Base64内容，也可以手动解码兜底：

  function decodeBase64IfNeeded(content) {
    if (content.startsWith('data:text/csv;base64,')) {
      return atob(content.split(',')[1]);
    }
    return content;
  }
  

• 修正Windows的文件扩展名关联
  右键你的CSV文件→选择「属性」→点击「更改」按钮，选择记事本、Excel这类文本类应用打开，勾选「始终使用此应用打开.csv文件」，重启浏览器再测试。这样Windows会把CSV标记为文本类型，浏览器读取时就不会当成二进制处理了。

• 显式指定文件编码
  部分Windows环境下的CSV可能用GBK编码保存，而Mac默认是UTF-8，这也可能导致识别偏差。在readAsText方法里明确指定编码（比如UTF-8或GBK），能确保内容被正确解析成纯文本。

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