PDF下载由角5

Question

我正在使用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
  }
}

Answer 1

尝试添加类似的链接

<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}`);

Answer 2

在app.component中添加以下文件类型

filetype: application/octet-stream;base64