将Blob嵌入HTML

Question

我有一个如下所示的pdf blob，但不完整： 结果是： “数据：应用/ PDF; BASE64，JVBERi0xLjcKCjQgMCBvYmoKKElkZW50aXR5KQplbmRvYmoKNSAwIG9iagooQWRvYmUpCmVuZG9iago4IDAgb2JqCjw8Ci9GaWx0ZXIgL0ZsYXRlRGVjb2RlCi9MZW5ndGggODg0OTIKL1R5cGUgL1N0cmVhbQo + PgpzdHJlYW0KeJzsfQlgVNXV ...”。

我需要用html查看此pdf文件。有可能吗？ 请帮忙

Answer 1

您可以使用PDF.js，请参阅此example，这很简单：）

Answer 2

这可以通过在html中嵌入标签来解决，例如“ MIME encoding of a PDF file in an HTML page”。

这导致错误

  

”错误：资源URL上下文中使用了不安全的值（请参阅   g.co/ng/security#xss）   DomSanitizerImpl.push ../ node_modules/@angular/platform-b​​rowser/fesm5/platform-b​​rowser.js.DomSanitizerImpl.sanitize   （platform-b​​rowser.js：1812）“

此问题后来通过{@ 3}}使用DomSanitizer进行了解决，由@helzgate回答为方法1。

总代码：

在HTML中：

<embed [src]='sanitizer.bypassSecurityTrustResourceUrl(imgURL)' height="200" *ngIf="imgURL">

在打字稿中，在组件中添加以下内容：

import { DomSanitizer } from '@angular/platform-browser';

和

  constructor(public sanitizer: DomSanitizer) { }