PDF скачать по угловой 5

Question

Я использую Angular 5. Как сделать ссылку для скачивания или просмотра PDF из строки base64.

Я пытался

<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

Добавьте приведенный ниже тип файла в app.component

filetype: application/octet-stream;base64 

Answer 2

Попробуйте добавить ссылку типа

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