2017-11-02 7 views
0

私はtypescriptとhtmlを使用して、pdfとしてwebservice呼び出しの結果を同じページのポップアップ/ダイアログに表示しています。diplay blob as popup/dialog html、typescript

このpdfをwindow.open(url)メソッドを使って新しいタブで開くことができます。私はポップアップで同じものを表示するための課題に直面しています。

あなたのお手伝いがありがとうございます。

新しいウィンドウで表示するコード:ダイアログの

 this.http.post(pdfServiceUrl, body) 
     .subscribe(pdfData => {    
     var pdfResult = pdfData['_body']; 
     var blob = new Blob([pdfResult], {type: 'application/pdf'}); 
     fileURL = URL.createObjectURL(blob); 
     var pdfWindow = window.open(fileURL,); 
     }); 

HTMLコード:

<dialog id="favDialog"> 
    <div> 
     <h4 style=" align-content: center;"> PDF Data </h4> 
    </div>  
    <div id="results"></div> 
    <menu> 
     <button class="button" id="cancel" type="reset">OK</button> 
    </menu> 
    </dialog> 

は、私がダイアログに表示しようとしたTSコード対応:

var favDialog = <any>document.getElementById('favDialog'); 
favDialog.fileURL= fileURL; 
favDialog.showModal(); 

「PDFデータ」のみが表示されます。ポップアップに「ok」ボタンがあります。

質問を投稿するためのjavascriptとしての謝罪は、エラーでブロックされています。「スタックオーバーフローでは、ブロックされているか読み込みに失敗した別のドメインの外部JavaScriptが必要です。

答えて

0

私にも非常に便利なタグを使用することができます。

関連する問題