Question

我需要一些帮助，我不知道如何将blob转换为pdf并在iframe中显示我从BackEnd得到了这个响应（不是全部复制）

PK

！ Gæ2[Content_Types] .xml´Ko！÷úFl+§ªª<Î©6RS©[wlá！¸Nâß;O5éÈLk³is>> X_?ºxµ³%»Z®XV:¥í®d?o¿,Þ³"¢°JÔÎBÉÙõæõ«õíÑC,HmcÉöþçQîÁ¸t,U*@z ;î¼;àoW«w\:qÛ¬？A％5¨¹＃！9+>vý¨ik -R7U>？ $ XapN“ HgólvT́ò¡ ！¿@ar_rels/.rels¬ÛJÄ0ïß！ä〜îz@ dÓ½aïDêÉ´6©î¾½qµ°Ô{>¾Éz³³= {Ãw/3tÊkãZÉêûÅÅ géi½CÉ÷ø¦：？[？bRgBbâaQ¸“©-¤Â¹¹øøhò1¶”zÅª，EüÍàÕÉ¶Zò¸ÕÕûÿcò！æéH＆ßÕ[$ ÉµW¹“¹8.tyºo£ðÎ«Á¢£c ^¸＃tõ´0et5§yûÇ） ¥åJãÄÏ»Zè¯òÍjÞ7DÝ`þÈj¾{ÅKÀöSH〜JõÿÿPK ！

我尝试过的只是使用

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

那我不知道下一步该怎么做。

Answer 1

请尝试以下操作：

    //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 
    })

将fileURL分配给iframe

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

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

1 个答案: