如何从angular6中的blob在iframe中显示pdf？

Question

I need some help, I dont have any idea how to convert blob to pdf and show it in iframe I got this response from BackEnd (not copy all)

PK

!? Gæ2??[Content_Types].xml´Ko!÷úFl+§ªª<΢?©6RS©[ wlá!¸Nâß;O5éÈLk³i¸s> X_?ºx?µ³%»Z®XV:¥í®d?o¿,Þ³"¢°JÔÎBÉ?Ùõæõ«õíÑC,HmcÉöþçQîÁ¸t,U*@z ;î¼;àoW«w\\: qÛ¬?A%?5¨¹#!9+>vý¨ ïk-R7U>©»ó°{!Ô¦ n?Óo§%Mû´"@Oà=Xõb?ýø¤lûĽöñM?ï´A+(nDÀoÂtAqåäÁPÄòôtL乪ÒF}ãæ?#¬©cÅmOqÈCDg~ks?Wgã¦Ô?{0[DùÉ?5ÄË?t¾éx@$A?Þ9ðÛÙ(þ0OTΡuc5Fë$XapN"Hg ólvT ò¡ I¤=áüê/ÎxÖ×%¿3Oyb[C?Þ: áÁùo2é6ÝóühmNERÏöt¤¿!üÇ?B£^øYÇâHÖg?ú?ë_³»£üB7áÏ6¯*ãÖGæoo¼ßÿÿPK !¿@a?r?_rels/.rels¬ÛJÄ0?ïß!ä~îz@dÓ½aïDêÉ´6©î¾½qµ°Ô{>¾ Éz³³={Ãw/3tÊkãZÉêûÅ gÀiè½CÉ÷ø¦:?[?b?RgBbâäQ¸"©?-¤Ât¹Óøhò1¶"zŪ,¯EüÍàÕɶZò¸ÕÕûÿc?ò!æéH&ßÕ?[$ɵW?¹?"¹8.tyºo£ðΫÁ¢£c^¸#tõ´0et5§yûÇ?)¥åJãÄÏ»Zè¯òÍjÞ7DÝ`þÈj¾{ÅKÀöSH~JõÿÿPK !

all i have tried is use

this._endpointService.getData('/myGet')
           .then((res:any) => {
            let blob = new Blob([res.error.text], { type: 'application/pdf' })
            var fileURL = URL.createObjectURL(blob);

            this.tryDoctype = blob
})

then i dont know what's next i must do.

Answer 1

Please try below:

    //import this ref
    import * as FileSaver from 'file-saver';

    this._endpointService.getData('/myGet')
               .then((res:any) => {
    //change in response
                let blob = new Blob([res.error.text.blob()], { type: 'application/pdf' })
    FileSaver.saveAs(blob , 'filename.pdf');
                    let fileURL = URL.createObjectURL(blob);
    //if you have any error then try this
 //this.tryDoctype=  this.sanitizer.bypassSecurityTrustResourceUrl(fileURL);
                this.tryDoctype = fileURL 
    })

Assign fileURL to Iframe

  <iframe *ngIf="tryDoctype" [src]="tryDoctype" width="950" height="600"></iframe>