ngx-document-view不适用于objectURL

时间:2019-12-26 21:58:33

标签: angular document

我正在使用Angular 8在查看文档页面上,当用户选择特定文档时,该文档在屏幕上打开,以便用户可以查看它。

下面是我的代码:

html:

         <iframe style="height: 45vh; width:100%; display: block;"
                 ngx-document  src="{{viewAttachment}}"
                 provider="google"></iframe>

TS:

  async viewDocument(index) {
    const viewDocument = this.uploadedAttachments[index];
    const fileStream = await this.service.getDocument(viewDocument.fileName);
    this.viewAttachment = this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(fileStream));
  }

问题:上面的代码未在iframe中显示任何文件

尽管以下代码可以完美运行:

<iframe style="height: 45vh; width:100%; display: block;"
 ngx-document src="http://unec.edu.az/application/uploads/2014/12/pdf-sample.pdf"
 provider="google"></iframe>

但是当我将src从URL更改为ObjectURL时,它不起作用。

这是参考实现: https://www.npmjs.com/package/ngx-document-view

注意:

我还尝试在iframe中实现ngx-doc-viewer(https://www.npmjs.com/package/ngx-doc-viewer),但由于ngx-doc-viewer不支持本地文件和文档中所述的blob / ObjectUrls,因此我无法使用它。

如有需要,我很乐意提供更多信息。感谢您的帮助。

0 个答案:

没有答案