如何用JavaScript在IE中直接打开application/octet-stream格式的PDF

首先得明确几个关键细节：

• XMLHttpRequest的responseType并没有"application/pdf"这个合法选项，你之前的尝试在这里就走偏了，针对二进制流的响应，正确的类型应该是"arraybuffer"或者（IE10及以上支持的）"blob"。
• IE（尤其是旧版本）对Blob和data URL的支持有诸多限制，其中data URL还有长度上限，完全不适合用来加载PDF这类可能体积较大的文件。

结合你的需求，下面是经过验证的兼容方案：

步骤1：识别IE浏览器 #

通过检查IE专属的API来判断当前浏览器是否为IE（包括旧版Edge）：

function isIE() {
  return !!window.navigator.msSaveOrOpenBlob;
}

步骤2：分浏览器处理响应 #

保持responseType为"arraybuffer"，然后根据浏览器类型执行不同逻辑：

var request = new XMLHttpRequest();
request.open("GET", url, true);
request.setRequestHeader("Authorization", "Bearer " + token);
request.responseType = "arraybuffer";
request.send();

request.onload = function () {
  const blobType = "application/pdf";
  if (isIE()) {
    // IE/旧Edge的专属处理
    const blob = new Blob([this.response], { type: blobType });
    // 调用IE的API弹出选择框，用户点击"打开"即可在新窗口查看PDF
    window.navigator.msSaveOrOpenBlob(blob, "文档名称.pdf");
  } else {
    // 其他浏览器的原有可行方案
    const blob = new Blob([this.response], { type: blobType }),
          newUrl = URL.createObjectURL(blob);
    window.open(newUrl, "_blank", "menubar=yes,resizable=yes,scrollbars=yes");
    // 记得释放URL对象，避免内存泄漏
    setTimeout(() => URL.revokeObjectURL(newUrl), 1000);
  }
}

兼容更旧IE（如IE9）的补充处理 #

如果需要覆盖IE9这类完全不支持Blob构造函数的版本，可以改用MSBlobBuilder：

if (isIE()) {
  const blobBuilder = new window.MSBlobBuilder();
  blobBuilder.append(this.response);
  const blob = blobBuilder.getBlob(blobType);
  window.navigator.msSaveOrOpenBlob(blob, "文档名称.pdf");
}

为什么你的data URL方案失效？ #

• 首先responseType设为"application/pdf"本身就是错误的，XHR无法正确解析这种非法类型的响应。
• 即使拿到了正确的arraybuffer，直接拼接成data URL也不成立——你需要先把二进制数据转换成base64字符串，而IE下的二进制转base64需要额外处理，再加上data URL的长度限制，完全不适合PDF这类文件。

总结：IE下没有办法完全绕过“选择打开/保存”的弹窗直接在新窗口打开PDF，这是浏览器的安全机制限制。msSaveOrOpenBlob是微软官方推荐的二进制文件处理方式，用户选择“打开”后就能在新窗口正常查看PDF了。

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