2017-11-22 8 views
0

作品はありません表示されます空と私は私のコンソールでこの警告があります。は私がイオン3アプリを構築し、私はこれを行うために使用しようとした64</p> <p>ベースからいくつかのpdfファイルを表示する必要がありますが、私の表示のiframeがあるIFRAMEでbase64でエンコードされたPDFファイルは

Resource interpreted as Document but transferred with MIME type application/pdf: "data:application/pdf;base64,<base64>" 

を私のhtmlコードがあります:

<iframe [src]="ptools.dms.bypassSecurityTrustResourceUrl(content)" type="application/pdf"></iframe> 

私のiframeはば完全に白です。私はそれを修正するために何をしなければならないのですか?

答えて

2

私は、角度と同様の問題があった、私が使用されるイオン決してきたんが、私はそれを正しく覚えていれば、私は終わったソリューションは、

HTML

<iframe #ManualFrame frameborder="0" allowfullscreen> 
</iframe> 

TS

export class OpenSupportedFileComponent implements OnInit { 
     @ViewChild('ManualFrame') documentElement: ElementRef; 

     constructor(
     ) { } 

     ngOnInit() { 
     this.documentElement.nativeElement.setAttribute("height", "100%"); 
     this.documentElement.nativeElement.setAttribute("width", "100%"); 
     this.documentElement.nativeElement.setAttribute("src", Base64StringWithMime); 
     } 
    } 

ましたテンプレートの値を設定していたときに機能しませんでした

+0

ありがとうございました。警告は表示されなくなりますが、このソリューションではiframeは空のままです。 –

+0

DOMにhtmlタグが表示されていますが、ヘッダーと本文は空です。 –

+0

残念ながら、私はそれをテストしたり、自分でデバッグすることはできないので、私は推測することしかできません – elasticrash

関連する問題