如何将FileReader替换为URL？无需用户上传实现JS读取XLSX

嘿，这个需求太常见啦！既然不想让用户手动上传文件，咱们直接从指定URL拉取XLSX的二进制数据就行，完全不用依赖FileReader。这里给你两种实现方式，选适合你的就行：

方案一：用现代的fetch API（推荐） #

fetch是ES6+的异步请求API，写法简洁逻辑清晰，和你之前的代码风格适配度很高：

$(document).ready(function() {
  // 替换成你的XLSX文件实际URL（可以是本地相对路径或远程地址）
  const xlsxUrl = '/static/data/your-file.xlsx';

  fetch(xlsxUrl)
    .then(response => {
      // 先检查请求是否成功
      if (!response.ok) {
        throw new Error(`加载失败：${response.status} ${response.statusText}`);
      }
      // 把响应转换成ArrayBuffer（和FileReader读本地文件的结果格式一致）
      return response.arrayBuffer();
    })
    .then(arrayBuffer => {
      // 接下来的步骤和你原来的代码完全一样！
      const data = new Uint8Array(arrayBuffer);
      const wb = XLSX.read(data, { type: 'array' });
      
      console.log('加载完成的工作簿:', wb);
      
      // 额外加个实用示例：把第一个工作表转成JSON
      const firstSheetName = wb.SheetNames[0];
      const worksheetData = XLSX.utils.sheet_to_json(wb.Sheets[firstSheetName]);
      console.log('工作表数据:', worksheetData);
    })
    .catch(error => {
      // 捕获所有可能的错误（网络问题、文件不存在等）
      console.error('处理XLSX文件出错:', error);
    });
});

注意点： #

• 如果你的XLSX文件在其他域名下，要确保目标服务器配置了CORS跨域权限，否则浏览器会拦截请求。
• 路径要写对：本地文件用相对路径（比如./data/file.xlsx），远程文件直接写完整URL。

方案二：兼容旧浏览器的XMLHttpRequest #

如果需要支持IE这类老浏览器，可以用XMLHttpRequest替代fetch，核心逻辑完全一致：

$(document).ready(function() {
  const xlsxUrl = '/static/data/your-file.xlsx';
  const xhr = new XMLHttpRequest();
  
  // 配置请求：GET方法、目标URL、异步请求
  xhr.open('GET', xlsxUrl, true);
  // 指定响应类型为ArrayBuffer
  xhr.responseType = 'arraybuffer';
  
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 成功获取数据后，和之前的处理流程一样
      const data = new Uint8Array(xhr.response);
      const wb = XLSX.read(data, { type: 'array' });
      console.log('工作簿:', wb);
      // 后续处理逻辑...
    } else {
      console.error('请求失败，状态码:', xhr.status);
    }
  };
  
  // 捕获网络错误
  xhr.onerror = function() {
    console.error('网络连接出错，请检查URL或网络状态');
  };
  
  // 发送请求
  xhr.send();
});

这样改造后，页面加载时就会自动从指定URL获取XLSX文件并处理，完全不需要用户手动上传啦～

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