Question

我正在尝试从给定documentId的API下载pdf文件。但是，打开时的文档显示＆＃34;无法加载PDF＆＃34;我还检查了chrome dev工具，没有对API进行网络通话，有人可以指点我正确的方向吗？

downloadDocument(document) {
  // this.documentDownload.emit(document.attachmentId);
  this.documentUrl = this/is/a/api/url

  const blob = new Blob([this.documentUrl], {type: 'application/pdf' }); //octet-stream
  const url = window.URL.createObjectURL(blob);

  if (window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(blob, url.split(':')[1] + '.pdf');
    return;
  }
  const a = window.document.createElement('a');
  a.href = url;
  a.download = document.filename;
  a.click();
  setTimeout(function() {
    window.URL.revokeObjectURL(url); }, 100);
    // return url;
  }
}

Answer 1

只需构造一个指向服务端点的锚标记

<a [href]="constructServiceEndPoint()" target="_blank">Download</a>

，并让函数ConstructServiceEndPoint返回一个表示终点的字符串。确保您的服务设置了文件名标头。

Angular 5：文档下载返回＆＃34;无法加载PDF＆＃34;

1 个答案: