IE11中FileReader.readAsArrayBuffer处理大文件返回null问题求助

IE11的FileReader确实存在内存限制，200MB的文件已经超出了它默认能处理的内存阈值，所以会返回null。我整理了几个实用的解决方案，按优先级推荐：

1. 分块读取大文件（最推荐） #

利用Blob.slice()将大文件切割成多个小片段，逐块读取后再合并成完整的ArrayBuffer，这样能避免一次性占用过多内存触发IE的限制。

示例代码：

function processLargeFileInIE(file) {
  const chunkSize = 10 * 1024 * 1024; // 按10MB每块分割，可根据情况调整
  let currentOffset = 0;
  const chunkBuffers = [];

  function readNextChunk() {
    const reader = new FileReader();
    // 切割当前要读取的文件块
    const currentChunk = file.slice(currentOffset, currentOffset + chunkSize);

    reader.onload = function(evt) {
      if (evt.target.result) {
        chunkBuffers.push(evt.target.result);
        currentOffset += chunkSize;
        // 如果还有未读取的部分，继续读取下一块
        if (currentOffset < file.size) {
          readNextChunk();
        } else {
          // 所有块读取完成，合并成完整的ArrayBuffer
          const totalLength = chunkBuffers.reduce((total, buffer) => total + buffer.byteLength, 0);
          const mergedUint8Array = new Uint8Array(totalLength);
          let position = 0;
          chunkBuffers.forEach(buffer => {
            mergedUint8Array.set(new Uint8Array(buffer), position);
            position += buffer.byteLength;
          });
          const fullArrayBuffer = mergedUint8Array.buffer;
          console.log("完整的ArrayBuffer:", fullArrayBuffer);
          // 在这里添加你的后续业务逻辑
        }
      }
    };

    reader.onerror = function(error) {
      console.error("读取文件块失败:", error);
    };

    reader.readAsArrayBuffer(currentChunk);
  }

  // 启动分块读取
  readNextChunk();
}

// 使用方式：传入你的File对象
// processLargeFileInIE(yourFile);

这个方案的优势是不需要用户做任何额外设置，兼容性最好，完全基于标准API实现。

2. 改用IE专属的MSStream API #

IE11提供了MSStreamReader API，专门用于处理大文件流，内存管理比FileReader更高效。不过这个API是IE独有的，需要做兼容性检测：

示例代码：

// 检测是否支持MSStream API
if (window.MSStreamReader && file.msSlice) {
  const fileStream = file.msSlice();
  const streamReader = new MSStreamReader();

  streamReader.onload = function(evt) {
    const arrayBuffer = evt.target.result;
    console.log("读取到的ArrayBuffer:", arrayBuffer);
    // 后续处理逻辑
  };

  streamReader.onerror = function(error) {
    console.error("流读取失败:", error);
  };

  streamReader.readAsArrayBuffer(fileStream);
}

如果你的应用只需要兼容IE11，这个方案会比分块读取更简洁高效。

3. 修改IE注册表（仅限企业内部环境） #

如果是内网应用，可以联系IT部门调整IE的内存限制注册表项，但这个方法不适合公网应用（普通用户不会修改注册表）：

• 打开注册表编辑器，定位到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_MAXIMUM_DOWNLOADS_PER_DOMAIN
• 添加DWORD值iexplore.exe，设置一个更大的数值（比如对应支持更大的文件内存占用）

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