通过DomSanitizer清理Angular 4中的Blob Url

Question

这个想法是将pdf文件嵌入到有角的一面，该节点正由blob形式的节点快递服务器返回。

然后我得到图像并创建一个URL

const file = new Blob([this.data], { type: 'application/pdf' });
this.fileUrl = URL.createObjectURL(file);
this.protectedUrl = this.sanitizer.bypassSecurityTrustUrl(this.fileUrl);

然后在html中使用它

<object ng-show="content" data="{{protectedUrl}}" type="application/pdf" style="width: 100%; height: 400px;"></object>

Answer 1

现在可以通过将数据更改为attr.data来工作

<object  [attr.data]="protectedUrl" type="application/pdf" style="width: 100%; height: 400px;"></object>

Answer 2

我在图像上也遇到类似的问题，解决方案如下：

<img *ngIf="protectedUrl" [src]="protectedUrl" />

P.S。只需在绑定之前确保数据准备就绪即可。