在Angular 8中使用base64 pdf字符串显示pdf,可以按照以下步骤进行操作:
<embed>
或<iframe>
标签来展示pdf文件。这两个标签都支持显示pdf文件。<embed>
或<iframe>
标签的src属性上,以显示pdf文件。以下是一个示例代码:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-pdf-viewer',
templateUrl: './pdf-viewer.component.html',
styleUrls: ['./pdf-viewer.component.css']
})
export class PdfViewerComponent {
pdfData: string;
constructor(private http: HttpClient) { }
ngOnInit() {
this.getPdfData();
}
getPdfData() {
this.http.get('url-to-your-base64-pdf-string')
.subscribe((data: any) => {
this.pdfData = data.pdfString;
});
}
}
在上述代码中,url-to-your-base64-pdf-string
是用于获取base64编码的pdf字符串的API接口地址。
在pdf-viewer.component.html
文件中,你可以使用<embed>
或<iframe>
标签来显示pdf文件,如下所示:
<embed [src]="pdfData" type="application/pdf" width="100%" height="600px" />
<!-- 或者 -->
<iframe [src]="pdfData" type="application/pdf" width="100%" height="600px"></iframe>
这样,当组件初始化时,会调用getPdfData()
函数获取base64编码的pdf字符串,并将其赋值给pdfData
变量。然后,通过数据绑定将pdfData
变量的值绑定到<embed>
或<iframe>
标签的src属性上,从而显示pdf文件。
请注意,以上代码只是演示了如何在Angular 8中使用base64 pdf字符串显示pdf,具体的实现方式可能因项目环境和需求而有所差异。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云