在新的Chrome选项卡中打开PDF Blob (Angular 2)
在Angular 2中,要在新的Chrome选项卡中打开PDF Blob,可以按照以下步骤进行操作:
<button (click)="openPDF()">打开PDF</button>
import { Component } from '@angular/core';
import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
constructor(private sanitizer: DomSanitizer) { }
openPDF() {
// 生成一个示例的PDF Blob
const pdfData = '这里是PDF的二进制数据';
const blob = new Blob([pdfData], { type: 'application/pdf' });
// 创建一个URL对象,用于在新的选项卡中打开PDF Blob
const url = URL.createObjectURL(blob);
// 使用DomSanitizer将URL转换为安全的URL
const safeUrl: SafeUrl = this.sanitizer.bypassSecurityTrustUrl(url);
// 在新的选项卡中打开PDF Blob
window.open(safeUrl.changingThisBreaksApplicationSecurity);
}
在上述代码中,我们首先创建了一个示例的PDF Blob,然后使用URL.createObjectURL()
方法创建了一个URL对象。接下来,使用DomSanitizer
将URL转换为安全的URL,以避免安全性问题。最后,使用window.open()
方法在新的选项卡中打开PDF Blob。
请注意,这只是一个示例代码,你需要根据实际情况来生成PDF Blob的二进制数据。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上链接仅供参考,具体的产品选择应根据实际需求和项目要求进行评估和决策。
云+社区技术沙龙[第28期]
高校公开课
“中小企业”在线学堂
高校公开课
云+社区开发者大会(北京站)
“中小企业”在线学堂
Techo Day 第二期
云+社区技术沙龙[第23期]
云原生正发声
领取专属 10元无门槛券
手把手带您无忧上云