使用JavaScript XMLHTTPRequest在浏览器中打开PDF

Question

因此，我环顾四周，并尝试查看浏览器中的PDF打开Blob的最佳方法。我能找到的最接近的Stackoverflow问题是： xmlhttprequest在browser中打开pdf 但这是11岁。目前，我有一个看起来像这样的程序：

var xhr = new XMLHttpRequest();
  xhr.open('GET', 'http://localhost:8080/api/download', true);
  xhr.responseType = 'blob';
  
  xhr.onload = function(e) {
    if (this.status == 200) {
      // Note: .response instead of .responseText
      var blob = new Blob([this.response], {type: 'application/pdf'}),
          url = URL.createObjectURL(blob);
          window.open(url, '_blank');     
    }
  };
  xhr.send();

现在再次发行，它在Chrome浏览器（FYI：版本102.0.5005.61（官方构建）（ARM64））中使用UUID打开。因此，新标签的URL看起来像这样：

blob：http：// localhost：3000/f7c5571a-bf59-45d1-99ea-e495fe859008

现在，当我单击下载图标时。 File Explorer在其中打开了UUID，我无法在Windows中下载它。当我尝试时，说网络错误。

问题：在浏览器中仅显示PDF的最佳方法是什么。 如果它们不工作。

在删除下载图标时， 这很好，但是我不想下载文件，只需在浏览器上查看即可。我还尝试了内容内联和附件。不起作用。结果相同。

多谢！

Answer 1

我能够通过提供服务来解决这个问题。使用Get Call Chrome浏览器的行为。 Chrome lools在内容分配标头处并下载或在新文件中打开PDF。