我正在使用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,因此我无法使用它。
如有需要,我很乐意提供更多信息。感谢您的帮助。