时间戳

首页 > 解决方案 > angular 5下载PDF

angular - angular 5下载PDF

问题描述

我正在使用 angular 5.how 从 base64 字符串制作下载链接或 pdf 查看器。

我努力了

<input name="file2" type="file" [(ngModel)]="myfile" base-sixty-four-input >

在 TypeScript 类中

export class AppComponent {
  title = 'test2';
  myfile = {
    filetype: "application/pdf",
    filename: "test.pdf",
    base64: 'JVBERi0xLjUNCiW1tbW1DQoxIDAgb2JqDQo8PC9UeXBlL0NhdGFsb2cvUGFnZXMgMiAwIFIvTGFuZyhlbi1HQikgL1N0cnVjdFRyZWVSb290IDEwIDAgUi9NYXJrSW5mbzw8L01hcmtlZCB0cnVlPj4
  }
}

标签： angularbase64angular5

解决方案

尝试添加一个链接，如

<a [href]="downloadLink">Download {{ myfile.filename }}</a>

在你的课堂上，

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

// Then
constructor(private sanitizer: DomSanitizer) {}

myfile = {
    filetype: "octet-stream;base64",
    filename: "test.pdf",
    base64:  'JVBERi0xLjUNCiW1tbW1DQoxIDAgb2JqDQo8PC9UeXBlL0NhdGFsb2cvUGFnZXMgMiAwIFIvTGFuZyhlbi1HQikgL1N0cnVjdFRyZWVSb290IDEwIDAgUi9NYXJrSW5mbzw8L01hcmtlZCB0cnVlPj4'
};

downloadLink = this.sanitizer.bypassSecurityTrustUrl(`data:${this.myfile.filetype},${this.myfile.base64}`);

推荐阅读